На данный момент я отхожу от табличной верстки в направлении блочной "дивной" верстки. И столкнулся с проблемой вертикального выравнивания содержимого div-а. Как с этим быть?
Да, действительно. Проблема имеет место быть. Мало того, универсального решения добиться достаточно сложно.
А простого и изящного решения попросту нет. Областью применения CSS атрибута "vertical-align" являются табличные элементы.
А следовательно, нужно смотреть в сторону того, чтобы с помощью элементов "div" синтезировать табличную структуру с помощью стилей CSS. А именно с использованием CSS-атрибутов:
А так, конкретное решение зависит прежде всего от целей. Так, например, если в div-e необходимо выровнять вертикально по центру одну строку, то достаточно просто установить высоту строки (CSS: line-height) равной высоте контейнера.
интересные статьи по теме:
они помогут добиться более-менее кроссбраузерное решение, а также более подробно опишут суть и причины проблемы.
