Решение для float-блоков разной высоты

8 комментариев

1. Иван Шорников
   12 марта 2009

   Отличное решение
2. Ярослав
   12 марта 2009

   Красота! А с ИЕ-6, по-моему, можно уже не мучиться (если твой сайт — не Яндекс).
3. Сергей Чикуенок
   12 марта 2009

   Там и для IE6 есть решение. Лично я пока не готов даже на не-Яндекс сайтах забивать на IE6.
4. Антон
   12 марта 2009

   С одной стороны — интересно и познавательно, с другой же — мы отказываемся от таблицы и все равно имитируем ее поведение, только с другой разметкой. Пока display: table-cell не будет поддерживаться всеми актуальными браузерами, мне кажется, не имеет смысла так старательно избавляться от таблиц.
5. Дмитрий
   12 марта 2009

   Это поведение отличается от поведения таблиц – тут кол-во “столбцов” зависит от ширины контейнера, в котором они находятся, у таблицы же оно всегда фиксировано.
6. Антон
   12 марта 2009

   В данном случае — да, но в случаях, когда поведение таблицы полностью идентично требуемому, все равно часто изобретают велосипеды. Особенно забавно, когда этим еще и гордятся.
   Приведенный здесь пример полезен и интересен.
7. homm
   27 марта 2009

   Для ие куда интереснее использовать изначально инлайновые элементы, для них inline-block работает просто замечательно.
8. Влад Трушин
   30 марта 2009

   Ну всё-таки свойство табличной вертикал-алайн бейслайн не сэмулировать пока дивами (для ИЕ). И поэтому я всё же таблицы. Порой нужно, чтоб обе ячейки, не зависимо от размера их шрифта, выравнивались по их общему бейслайну