[css] Вертикальное выравнивание
 

Народ мож кто занет как выровнить текст в блоке <div>Some text</div> по вертикали, vertical-align не даёт никакого эффекта.

Как это не дает эффекта? Ты примерчик приведи (кусок своего кода), тогда и говорит можно будет, а то не понятно в каком случае нет эффекта, может у тебя случай какой-нибудь особенный, vertical-align должно давать эффект. Только вот такой вопрос.
В твоем примере одна строчка, что там можно выровнять по вертикали то? Только по горизонтали, тады пишешь <div align=center>, но это не CSS естественно.

Случайно не это надо получить?

Пример:

<div id="header">
<div id="headertext">
Это просто текст
</div>
</div>

Нуна так чтоб Это просто текст был выравнин повертикали, поцентру хэдэра, он всё равно выровнен по верхушке, приклеен к верхней части хэдера, и не хочет центроваться, опера 8.1.

Т.е. ты хочешь чтобы текст занимал 2 строки, но был выровнен по середине этих двух строк
(здесь три строчки но будем считать то две и текст посередине ;) )
Ты приведи, что у тебя скрывается под
какой CSS код, а то по информативности это мало уступает первому посту.
(Или это я такой тупой :rolleyes: )

rootus, ты id="header" с class="header" случайно не перепутал? ;)

Нет думаю что он не перепутал, к стилю можно обратиться и через id тогда надо писать так
тогда элемент с id "some_id" буде отображаться описаным стилем, так что тут все верно.
Если что смотрим тут http://www.imho.ws/showthread.php?t=35454 (спецификация по CSS, это дабы лишних разговоров не разводить, кстати может и для rootus пригодится, толковый очень мануал, но к сожалению ничего нового не нашел :( )

PS К rootus убедительная/настоятельная просьба всетаки разяснить подробно чего он хочет добится, а то мы все тут гадаем кто во что горазд, не дело это желательно чтоб все было подробненько и акуратненько расписано :contract: ;) так сказать "врага надо знать в лицо".

хм... не знал - спасибо за хинт :)

<div id="header">
<div id="headertext">
Это просто текст
</div>
</div>

#header { height: 10px; width: 100%; background: #000;}
#headertext {color:#fff; vertical-align: middle;} - Не помогает.

Что тут непонятного.
Блок чёрного цвета высотой 10 пикселей, внутри него текст который нуна выровнять вертикально поцентру.

Какого размера текст интересно, если его еще надо выравнивать внутри 10px box ??

Это сработает в Опере и Мочилле, в ИЕ - нет:Для совместимости таки лучше заменить на таблицу. Или на крайний случай используй для ИЕ отступ в пиксах или процентах:

Имеет ли значение высота текстового блока? Можно ли выровнять блок внутри блока, по высоте, и где нужно указывать параметр выравнивания, в блоке который выравнивается или в блоке в котором происходит выравнивание.

Пример:

<div id="header">
<div id="text">
</div>
</div>

#header {height:100px; width:100%; background: #000; display: table-cell; vertical-align: middle;}
#text {height:20px; color: #FFF; }

Ширина header сразу становиться равной ширине text, а не 100%.

или