'vertical-align'
Значение:      baseline | sub | super | top | text-top | middle | bottom | text-bottom | <проценты> | <длина> | наследуемое    
Начальное значение:      baseline    
Область применения:      строковые и 'table-cell' элементы    
Наследование:      нет    
Процентное задание:      относительно значения свойства 'line-height' самого элемента    
Устройства:      визуального форматирования    

Данное свойство влияет на то, как блокам, порожденным строковыми элементами, будет назначаться позиция в вертикальной плоскости внутри линейного блока. Принимаемые им значения имеют смысл только при их рассмотрении относительно родительского элемента строкового уровня или родительского элемента уровня блока, порождающего безымянные строковые блоки. Эти значения не имеют никакого действия, если такие родительские элементы не существуют.

Примечание. Значения данного свойства имеют несколько иной смысл применительно к таблицам. Дополнительную информацию можно найти в разделе об алгоритмах определения высоты таблицы.

baseline - Осуществляется выравнивание базисной линий блока относительно базисной линии его родительского блока. Если у блока нет базисной линии, то выполняется выравнивание его нижней границы относительно базисной линии родительского блока.

middle - Осуществляется выравнивание средней по вертикали точки блока относительно уровня базисной линии родительского блока в сумме с половиной x-высоты родительского блока.

sub - Осуществляется смещение базисной линии блока вниз до надлежащего уровня, отведенного для нижних индексов блока, порожденного родительским элементом. (Это значение не влияет на размер шрифта текста элемента.)

super - Осуществляется смещение базисной линии блока вверх до надлежащего уровня, отведенного для верхних индексов блока, порожденного родительским элементом. (Это значение не влияет на размер шрифта текста элемента.)

text-top - Осуществляется выравнивание верхней границы блока относительно верхней кромки шрифта родительского элемента.

text-bottom - Осуществляется выравнивание нижней границы блока относительно нижней кромки шрифта родительского элемента.

<проценты> - Осуществляется смещение блока на заданную величину (процент от значения свойства 'line-height') вверх (положительное значение) или вниз (отрицательное значение). Значение '0%' аналогично значению 'baseline'.

<длина> - Осуществляется смещение блока на заданную величину вверх (положительное значение) или вниз (отрицательное значение). Значение '0cm' аналогично значению 'baseline'.

Остальные значения определяются относительно линейного блока, в котором отображается генерируемый блок:

top - Осуществляется выравнивание верхней границы блока относительно верхней границы линейного блока.

bottom - Осуществляется выравнивание нижней границы блока относительно нижней границы линейного блока.

Хм, если я правильно понял, необходимо выровнять текст внутри слоя по вертикали? Тогда можно сделать ещё один вложенный слой, в него ставить текст да придать стиль «position: absolute;» и в зависимости от стиля выравнивания:  «top: 0;»,  «bottom: 0;»  или «top: 50%;». Сработает?

Извращене-е-е-ец

Anonimizer_me написал(а):

Я делал так.. создавал слой. В него таблицу....

Согласен. Работает на 100%

Karminsky, сам-то попробуй сделать и выложи сюда нормальный код. А то говорить то мы все умеем.

А теперь напиши этот код и проверь его в браузере.
Текст оказываеться в ЛЕВОМ НИЖНЕМ УГЛУ!!!
А надо по центру экрана!

А вот это правильно.
Сэнкс... Буду занать как делать без таблиц :)

Вот нашел такой изврат:

<style type="text/css">
#outer {
	height: 400px; overflow: hidden; position: relative;
	border:1px solid red;
	}
#outer[id] {
	display: table; position: static;
	}

#middle {border:1px solid green;position: absolute;top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {border:1px solid blue;position: relative; top: -50%} /* for explorer only */
/* optional: #inner[id] {position: static;} */
</style>

<div id="outer">
<div id="middle">
    <div id="inner">
      any text
      any height
      any content, for example generated from DB
      everything is vertically centered
    </div>
  </div>
</div>

Тока нафиг оно нужно, лучше по старинке - табличками. Простенько и сердито :)