Добрый день (утро, вечер или чё там у вас).

У меня возникла следующая проблема. Не могу сделать валидирующуюся страничку с текстом по центру.

Выделить код

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>kost BebiX</title>
<link rel="stylesheet" type="text/css" href="style.css">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
</head>
<body style="vertical-align: middle">
<table style="height: 100%; width: 100%">
  <tr>
    <td style="height: 100%; width: 100%" valign="middle" align="center">
Сайт в разработке
    </td>
  </tr>
</table>
</body>
</html>

По центру, но не валидируется. Заменяем

Выделить код

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

на

Выделить код

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.1 Transitional//EN">

и ... (о чудо) ВАЛИДИРУЕМСЯ!!!
...но не по центру. Помогите кто чем может, пожалуйста...:blush:

kost88

Выделить код

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>kost BebiX</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
<!--
html, body {height: 100%; margin: 0; padding: 0}
table {height: 100%; width: 100%; text-align: center}
-->
</style>
</head>

<body>

<table>
<tr>
  <td>Сайт в разработке</td>
</tr>
</table>

</body>
</html>

Спасибо. :beer:

...но не по центру

Дело в том, что по новым стандартам страница по высоте соответствует высоте контента, так это в Firefox и Opera, если мне не изменяет память.

Выделить код

Код:

html,body {height: 100%;}

спасает ситуацию.

А совместимо и целиком на стилях (div-ах)?
P.S.Решения класса for IE>=5.5 или >=6.0 просьба не предлагать. И желательно для блоков с неизвестной высотой.