Аналог центрированной таблицы на div'ах

[ninja_127]

Есть вариант сплэш-страницы со следующим кодом:

<table border="0" width="100%" height="100%">
<tr>
<td align="center"><a href="index.html"><img src="logos/mainlogo.jpg" border="0" alt="sdf"></a></td>
</tr>
</table>

Попробовла заменить на запись следующего вида:

<div style="width: 100%; height: 100%; vertical-align: middle; text-align: center"><img src="logos/mainlogo.jpg" border="0" alt="sdf"></div>

Все бы хорошо, только выравнивания по вертикали нет. Почему?

[DimZ]

попробуй vertical-align заменить на valing

[ninja_127]

Оригинал написал(а) DimZ
попробуй vertical-align заменить на valing

Ни в CSS2, ни в CSS2.1 нет такого свойства: ты что-то перепутал.

http://www.w3.org/TR/CSS21/indexlist.html

[ninja_127]

кроме того valign, а не valing

[Илья К]

Поэкспериментировал. Не идет. Дивы почему-то вообще valign не воспринимают. С этим, видимо, связано и то, что стилевой vertical-align на них не действует.
Можно вставить таблицу в див -- у таблиц выравниванием (как горизонтальным, так и вертикальным) можно управлять стилями.

[Sosbek]

Нет дивы так просто на дадутся, а тех свойств что вы описали им не придашь нифига. Они только для текста.