вертикальное выравнивание в div

Да, действительно. Проблема имеет место быть. Мало того, универсального решения добиться достаточно сложно.

А простого и изящного решения попросту нет. Областью применения CSS атрибута "vertical-align" являются табличные элементы.

А следовательно, нужно смотреть в сторону того, чтобы с помощью элементов "div" синтезировать табличную структуру с помощью стилей CSS.
А именно с использованием CSS-атрибутов:

Код
display: table \| table-caption \| table-cell \| table-column-group \| table-column \| table-footer-group \| table-header-group \| table-row \| table-row-group

А так, конкретное решение зависит прежде всего от целей. Так, например, если в div-e необходимо выровнять вертикально по центру одну строку, то достаточно просто установить высоту строки (CSS: line-height) равной высоте контейнера.

интересные статьи по теме:
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
http://phrogz.net/css/vertical-align/index.html
http://cssing.org.ua/2005/07/14/vertical-align-middle/

они помогут добиться более-менее кроссбраузерное решение, а также более подробно опишут суть и причины проблемы.

Логин:
Пароль:
	]]>Войти]]> ]]>Регистрация]]> ]]>Забыли?