По материалам «Grid Design или вёрстка с Сеткой»
Просматривая топики с меткой CSS на Хабрахабре, увидел интересную статью с описанием не встречавшейся мне ранее техникой верстки. В ней описывается верстка с использованием “сетки” - этот метод достаточно давно известен верстальщикам, но не приобрел такого распространения как блочная или табличная верстка. Не знаю, придется ли мне когда-то использовать эту технику, но она достойна хотя бы того чтобы с ней ознакомиться.
Англоязычный ресурс, посвященный верстке сеткой - Design By Grid.
Автор: Cake_Seller | В рубриках: Верстка |
По материалам cssing.org.ua.
Сам я относительно недавно решился перейти с табличной верстки на блочную. И если вы тоже в свое время решились сделать этот шаг, то наверняка столкнулись с проблемой, когда нужно выровнять содержимое блока по вертикали. Очень хороший обзор решений о вертикальном выравнивании в блоках я нашел на блоге, с которым вы наверняка знакомы, если увлекаетесь версткой.
Итак, перейду непосредственно к описанию метода.
Для вертикального выравнивания в блоках разработчики W3C создали замечательное свойство display: table-cell;, которое позволяет заставить какой-либо элемент отображаться как ячейка таблицы. При этом добавив vertical-align: middle; мы прекрасно справились бы с поставленной задачей, если бы не Internet Explorer, который ни в какую не хочет поддерживать свойство display: table-cell;. Ниже приведен образец кода, который поможет IE отображать содержимое блока по середине, также как в остальных браузерах:
Читать полностью »
Автор: Cake_Seller | В рубриках: Browsers |