Я часто использую: <div style="clear: both"></div> после Float элементов.
Какая-то не семантическая заглушка.

Гуру CSS подскажите, что я не так делаю?

AlexShop, гуру CSS дружно говорят, что CSS2 не позволяет обойтись без этого костыля.

Crazy писал(а):

AlexShop, гуру CSS дружно говорят, что CSS2 не позволяет обойтись без этого костыля.

Неправда ваша. Можно сделать по разному. Основные методы это overflow:hidden родительскому элементу и hasLayout дать для IE7 и ниже. И способ, называемый easyclearing:


И для IE7 и ниже:

Дальше просто добавлять класс clearfix для родительского элемента.
А вообще, вот хорошая статья http://www.ejeliot.com/blog/59 с сравнением различных методов.

Panya писал(а):

Неправда ваша.

И по приведенной ссылке, и в книжках я вижу кучу разрозненных приемов, ориентированных на конкретные случаи и ограниченных проблемами совместимости браузеров. Так что на счет "неправда ваша" -- лечи, please, кого-нибудь другого.

А пока факт остается фактом: CSS2 есть уродство, непригодное для полноценной семантической верстки и для эффективной работы требующее применение костылей. Причем различные приемы, основанные на хитром сочетании глюков различных браузеров, лично я считаю гораздо большим злом, что вставку в код означенного несемантического div'а. Хотя бы потому, что div будет работать и через 5 лет, а все эти хитрожопые выверты накрываются медным тазом при выходе следующих версий.

Panya писал(а):

Crazy писал(а): AlexShop, гуру CSS дружно говорят, что CSS2 не позволяет обойтись без этого костыля. Неправда ваша. Можно сделать по разному. Основные методы это overflow:hidden родительскому элементу и hasLayout дать для IE7 и ниже.

кроме ИЕ7 существуют ли другие браузеры?
AlexShop, работоспособно, стало быть имеет право на жизнь, Crazy прав.

Panya писал(а):

А вообще, вот хорошая статья http://www.ejeliot.com/blog/59 с сравнением различных методов.

да, кстати, о "хорошей" статье. На том же сайте посмотрите сравнительную таблицу, показывающую "which rules cause a container to clear its floats". на этом закончим споры.

Crazy писал(а):

Panya писал(а): Неправда ваша. И по приведенной ссылке, и в книжках я вижу кучу разрозненных приемов, ориентированных на конкретные случаи и ограниченных проблемами совместимости браузеров. Так что на счет "неправда ваша" -- лечи, please, кого-нибудь другого. А пока факт остается фактом: CSS2 есть уродство, непригодное для полноценной семантической верстки и для эффективной работы требующее применение костылей. Причем различные приемы, основанные на хитром сочетании глюков различных браузеров, лично я считаю гораздо большим злом, что вставку в код означенного несемантического div'а. Хотя бы потому, что div будет работать и через 5 лет, а все эти хитрожопые выверты накрываются медным тазом при выходе следующих версий.

Ладно, давайте разберем. Вы сказали, что при помощи CSS нельзя избавиться от отдельного элемента с clear. Но это не так. Да, я согласен, что overflow:hidden дает не совсем тот же эффект (это по сути просто создание нового контекста форматирования) и у этого метода есть ограничения (содержимое блока с overflow:hidden будет обрезаться, при выхождении за границы блока). НО, у easyclearing в варианте для НОРМАЛЬНЫХ браузеров (генерируемое содержимое через :after), нет ВООБЩЕ никаких отличий от "классического" метода. Т. е. такая возможность в CSS2 есть. Теперь, немного о хаках для IE. Во-первых, это довольно безопасные хаки (просто установка hasLayout) и, при условии, что они будут даны только отдельным версиям экспрорера, через Conditional Comments они совершенно безвредны (кстати, IE8 поддерживает generated content и псевдоэлементы :before и :after, так что ему можно будет отдавать нормальный CSS2 вариант, предусмотренный спецификацией). Во-вторых, какое вообще отношение имеют баги конкретных бораузеров (IE7-) к вашему заявлению о том, что CSS2 это не предусматривает? Это IE7- не поддерживает полноценно CSS2.1, поэтому ОН виноват.

tentoys писал(а):

Panya писал(а): Crazy писал(а): AlexShop, гуру CSS дружно говорят, что CSS2 не позволяет обойтись без этого костыля. Неправда ваша. Можно сделать по разному. Основные методы это overflow:hidden родительскому элементу и hasLayout дать для IE7 и ниже. кроме ИЕ7 существуют ли другие браузеры? AlexShop, работоспособно, стало быть имеет право на жизнь, Crazy прав.

Cуществуют. Для них как раз overflow:hidden (ну или auto). Это для IE7- нужно давать еще и hasLayout. Это, кстати, тоже вариант, предусмотренный CSS, но, как верно заметили, он имеет ограничения и делает не совсем то. Я и не настаиваю на этом варианте, нужно смотреть по ситуации, но сочетание перечисленных мной выше способов в 99% случаев позволит вообще избавиться от <div style="clear: both"></div> в разметке.

Panya писал(а):

но сочетание перечисленных мной выше способов в 99% случаев позволит вообще избавиться от <div style="clear: both"></div> в разметке.

А зачем? Зачем эти перечисленные способы? Если даже запись в css clear:both во много раз короче предлагаемой Вами. Ради чего, ради включения не всеми поддерживаемой конструкции, хаков и т.д., ради "100%-ной семантики"?

Panya, после всех этих "не совсем тот", "для нормальных браузеров" и "довольно безопасные" все сказанное вами -- разговоры в пользу бедных.

Мне сегодня в демагогических дискуссиях участвовать неинтересно. Попробуйте месяца через два.

Crazy писал(а):

Попробуйте месяца через два.

а что случится месяца через два?

А можно я уйду немного из темы?
Недавно мне понадобилось сделать float по центру. Перерыл гугл и понял почему этого не осуществили:
неизвестно как текст в этом случае должен обтекать картинку (хотя в графических программах это давно уже сделано).

Но дело не в этом. Float по центру я таки сделал с помощью JavaScript.

А потом подумал: все равно мои сайты без JavaScript так и так не работают.
Почему бы не делать верстку с JavaScript? Даже поискал нет ли каких фраймворков.

Кто что думает насчет использования JavaScript в верстке?

AlexShop писал(а):

Кто что думает насчет использования JavaScript в верстке?

Положительно. Начиная с времен, когда у Netscape при выключенном JavaScript отключалась поддержка CSS.

Только не забываем про graceful degradation.

AlexShop писал(а):

А можно я уйду немного из темы? Недавно мне понадобилось сделать float по центру. Перерыл гугл и понял почему этого не осуществили: неизвестно как текст в этом случае должен обтекать картинку (хотя в графических программах это давно уже сделано).

а чем контейнер inline-block, внутри элементы с float плох?

шо, опять?!..

AlexShop писал(а):

Кто что думает насчет использования JavaScript в верстке?

Я изучаю jquery.

Crazy, {overflow:hidden; zoom:1; } для обрамляющего блока и всё пучком

.talisman,
overflow:hidden не подходит для всех ситуаций.

AlexShop, фик его знает. я не теоретик, я практик. за месяц минимум 10 сайтов верстаю, причем не самых простых. и данный способ всегда срабатывает без каких-либо побочных эффектов. IE6+, FF, Opera8+, Safari, Chrome.

.talisman,
не в браузерах дело.

overflow:hidden - что делает? Скрывает контент который вылез за границы блока. А если надо иметь: overflow:visible или overflow:scroll?
Поэтому и написал: не подходит для всех ситуаций.

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

.talisman, и какая же будет семантика у этого "дополнительного блока"?

Crazy, придумаем

Ну что коллеги! Поздравляю всех с официальным выходом IE 8 и прохождением ACID2!

AlexShop, обратил внимание: что при установке он предлагает режим имитации старых версий? Так что радоваться пока рано: мы получили еще ДВА браузера с двумя разными наборами взглюков.

Ох уж эти ослы... интересно, ms когда-нибудь создаст что-нибудь не нуждающееся в "костылях"… Все их новые версии такие же убогие, как и старые.

jegor, осенние обострение также обычно, как и весенние.

jegor, советую осознать, что хотя они и неправы, тебе все равно придется с этим жить.