Про обтекаемость дивов.

[Flake]

В общем есть фотогалерея, там каждое фото обвёрнуто в див. float: left.

Картинки расположены горизонтально, как экран кончается - картинки переносятся на новую строку. Проблема в том, что если идёт большая по высоте картинка, а за ней две маленькие и конец экрана, то 2 маленькие картинки обтекают большую, а надо чтобы обтекала одна маленькая, а вторая переносилась на новую строку.

Если вопрос не понятен, я нарисую пояснение

[s0rr0w]

Если вопрос не понятен, я нарисую пояснение

С этого надо начинать

[Flake]

Вот ссылка на схему http://img390.imageshack.us/img390/1820/divsfo0.jpg

[s0rr0w]

Вот ссылка на схему http://img390.imageshack.us/img390/1820/divsfo0.jpg

Боюсь, что кроме как при помощи JS - никак.

[SelenIT]

Вместо обтекания воспользоваться display:inline-block. И погуглить, как имитировать его для FF2, если его поддержка актуальна...

[Azadi]

А для IE display:inline работает так же, как и display:inline-block для остальных браузеров (исключая FF2, как писалось выше; но FF2 легко побороть при помощи display:-moz-inline-grid; и доли шаманства).

Я в свое время больше суток убил, чтобы с этой проблемой разобраться... Могу показать свои костыли, если кому-нибудь интересно

[SelenIT]

Azadi, безумно интересно! Неужели получилось без доп. оберток?

[Azadi]

Azadi, безумно интересно! Неужели получилось без доп. оберток?

Эхх, если бы без дополнительных оберток... целая одна дополнительная

ссылка с примером

Кстати, я этот метод почти не тестировал, фик знает как он ведет себя в боевых условиях.