via css fix для различных браузеров
На мой взгляд, это обалденное решение. С помощью представленного ниже скрипта можно писать стили для определенных браузеров и определенных операционных систем. А теперь как это действует. Вставляем в страничку следующий скрипт:
Лично я из существующих значений свойства display использую только некоторые. Чаще всего это: block, inline, none и иногда table-cell. Но это далеко не полный список значений, которые представлены в спецификации CSS 2.1.
В общем, для людей, которым интересно какие ещё существуют значения этого свойства, хочу дать ссылку на довольно понятный обзор этих свойств. В приведенной ссылке вы найдете таблицу совместимости этих значений с различными браузерами, описания значений, демонстрация и изображения того, как они должны отображаться в соответствии со спецификацией. В завершение, в самом низу страницы, вы найдёте маленькое live-demo, в котором сможете лично посмотреть как, меняется расположение элементов при изменении значений свойства display.
По материалам cssing.org.ua.
Сам я относительно недавно решился перейти с табличной верстки на блочную. И если вы тоже в свое время решились сделать этот шаг, то наверняка столкнулись с проблемой, когда нужно выровнять содержимое блока по вертикали. Очень хороший обзор решений о вертикальном выравнивании в блоках я нашел на блоге, с которым вы наверняка знакомы, если увлекаетесь версткой.
Итак, перейду непосредственно к описанию метода.
Для вертикального выравнивания в блоках разработчики W3C создали замечательное свойство display: table-cell;, которое позволяет заставить какой-либо элемент отображаться как ячейка таблицы. При этом добавив vertical-align: middle; мы прекрасно справились бы с поставленной задачей, если бы не Internet Explorer, который ни в какую не хочет поддерживать свойство display: table-cell;. Ниже приведен образец кода, который поможет IE отображать содержимое блока по середине, также как в остальных браузерах:
Перевод статьи «Hack-free CSS» for IE с сайта virtuelvis.com.
Перевел Cake_Seller.
Резюме: в статье описываются условные комментарии для Internet Explorer’а, их синтаксис и примеры применения.