Некорректно, как мне кажется, работает свойство clear

есть верстка:

Pavelbeginner, дело в спецификации


т.е. ниже любого(в смысле каждого) элемента с флоатом выше в документе, а значит и ниже левой колонки.
Браузер, как говорится, все правильно сделал ©

Если я правильно понял что требуется, то это делается примерно так или так (в этом случае корректно работают отступы у элемента ниже колонок)

(Отредактировано автором: 26 Февраля, 2012 - 06:20:09)

Спасибо за информацию. По поводу решения проблемы - это не то, что мне нужно. Мне нужно добиться эффекта, чтобы контейнер с меню был по высоте равен содержимому. Это содержимое может быть не обязательно в одну строку. Причём каждый пункт меню должен иметь float:left. Есть другое решение - добавить блоку с меню свойство overflow:hidden - круто! то что надо! Но! В opera и ie нужно указывать ширину http://www.quirksmode.org/css/clearing.html, что не есть хорошо. Может есть ещё какие-нибудь способы?

А clearfix чего не подходит?
Там блок тоже растягивается по высоте содержимого.

Это какого года текст? Вот сейчас скопировал пример оттуда, наделал кучу блоков разной высоты и опера(12.00 и 11.61) ведет себя как и все остальные и без задания ширины.
Можно тестовый пример с воспроизведением этого "бага"?

А Вы не знаете, что говорят стандарты о overflow:hidden у внешнего блока и float у внутреннего? То есть в стандартах сказано, что внешний блок должен обвести внутренний блок с float:left или right? Что-нибудь про это сказано?

Pavelbeginner, искал в спецификации для overflow - сказано, только что для отображения элементов не должен использоваться механизм прокрутки. Про то, чтобы растянутся - ничего не сказано.
Но, как потом подсказал гугл - искал не в том месте.
cssing » overflow:hidden

P.S. А мне этот метод всегда казался хаком

(Отредактировано автором: 28 Февраля, 2012 - 02:06:33)