Вертикальное выравнивание без таблиц
Кросс-браузерный метод (не работающий пока в IE8 beta 1), позволяющий вертикально отцентрировать в контейнере объект неизвестной высоты. Без использования таблиц.
Идея: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html Постановка задачи: имеется область (например, <div>), высота которой известна; имеется некий объект внутри этой области, высота данного объекта неизвестна; требуется вертикально отцентрировать объект; таблицы использовать нельзя. Применение: например, в макетах со 100% высотой, когда содержимое должно быть вертикально отцентрировано относительно контейнера. Исходная разметка: <div id="outer" style="height: 1000px"> <div id="inner"> Lorem ipsum dolor sit [...]
← Вернуться к полной версии записи «Вертикальное выравнивание без таблиц»…
Автор: Vladimir; опубликовано в: CSS; метки: CSS, без таблиц, вертикальное выравнивание, макетМар
2008
Комментарии к статье «Вертикальное выравнивание без таблиц» (5) »
Пожалуйста, не используйте эту форму для комментирования! Данная форма предназначена исключительно для ботов.
Оставить комментарий к записи «Вертикальное выравнивание без таблиц»
गते गते पारगते पारसंगते बोधि स्वाहा
Меня зовут Владимир, я программист-фрилансер, специализирующийся на Web-программировании и програмировании под Linux.
По совместительству занимаюсь администрированием LAMP/LNMP-серверов и техническим переводом.
Update: ни одно из решений не работает в IE8. Вот тебе и исправил Micro$oft баги…
Update: хоть IE8 поддерживает значения
table-xxxдля свойства display, судя по всему, о поддержкеvertical-alignдляtable-xxxпридётся забыть до следующей беты.И что характерно: хак для IE7 (
*:first-child+html) всё еще срабатывает и для IE8.Для IE8 приходится использовать
*:first-child+/**/html.Интересно, ситуация изменится?
[...] так давно я боролся с вертикальным выравниванием в Internet Explorer, и вот топять оказалось, что с выходом IE8 Beta [...]
[...] мыслью было, что автор начнёт рассказывать про вертикальное центрирование и всем известный margin: 0 auto. Но не тут-то [...]
скажу вам по-секрету что уже ИЕ-9 бета есть ))