Есть Вопрос По Blueprint

[ekkl]

Здравствуйте.

Верстаю сай на Blueprint

Возникает такой вопрос. в листе стилей присутствуют такие строки

.clearfix, .container {display:inline-block;} <<<<—————-Тут так
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;} <<<<———————--а тут так.

Все эти три строки идут подряд. Не могу понять что к чему.

И такой вопрос? Зачем нужен этот класс .clearfix

[rus]

вообще тоже непонятно для чего сначала делают элемент инлайн-блок и потом блок. почитайте об этих свойствах вот тут.

класс клирфикс смотрите сами в коде для чего он нужен, нам телепатам очень тяжело за вас догадываться.

[mishka]

Да не тяжело, все элементарно просто.

clearfix, как нетрудно догадаться по названию, а если посмотреть его стили так вообще все становиться ясно - нужен для очистки потока.

Для нормальных браузеров это:

.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}

и для ие6-7 (если вы обратили внимание, то эти стили в разных файлах)

.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}

display:inline-block; - вроде в ие6-7 и неработает как задуманно, но зато придает HasLayout

Blueprint, имхо, лучший из фреймворков CSS

Edited September 7, 2010 by mishka2

[ekkl]

  Quote

класс клирфикс смотрите сами в коде для чего он нужен, нам телепатам очень тяжело за вас догадываться.

В примерах он не используется.

А вообще, не в обиду сказано, вопрос пренадзначался не для телепатов, а для тех, кто использовал этот фреймворк. Он наверняка должен знать.

———

  Quote

и для ие6-7 (если вы обратили внимание, то эти стили в разных файлах)

Я генерировал свою сетку. http://bgg.kematzy.com/

И все эти стили оказываются в одном файле.

Лично я стиль .clearfix использую примерно так

<div class="span-24 last">
			<div class="clearfix Класс для отступов чтобы ширина была равна 20 блокам к примеру">
....
				<div class="span-10>
...
</div>
<div class="span-10 last">
...
</div>
			</div>
		</div>

Edited September 7, 2010 by ekkl

[mishka]

Хм, никогда не генерил, всегда юзал только то что дает официальный разработчик http://www.blueprintcss.org/

Сразу нужно знать что "такое очистка потока"

Если есть у вас блоки флотнутые, то их нужно обернуть родителем с класом clearfix, чтобы блок не схлопнулся... Так вот в кратце ))

[ekkl]

Ну в принципе я догадался правильно.

А по стилям нужно посмотрель, что в хаке для ишака и убрать. Генератор, кажется, этот рекомендуется официальным разработчиком.

Спасибо.

[rus]

  ekkl said:

В примерах он не используется.

А вообще, не в обиду сказано, вопрос пренадзначался не для телепатов, а для тех, кто использовал этот фреймворк. Он наверняка должен знать.

ни сколечка не обиделся, надо просто изначально было правильно все объяснить.

я например вообще не использую фреймворки, - только свой "велик".