-
У меня есть элемент, который должен центрироваться по вертикали. Всё бы хорошо, и можно было бы использовать таблицу с высотой 100%, но XHTML на это пох! Пробовал слой с line-height: 100% — тоже не работает.
Как мне решить эту задачу?
P. S. Поискал, вроде тема ещё поднималась. А может плохо искал? Ну да ладно, уже спросил.
-
Поподробнее, что ты хочешь сделать? Слой по центру странички? Или слой по центру какого то слоя?
-
Слой (вернее таблица, но это не важно) по центру страницы.
-
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
****<title>всё для тебя...</title>
*<m2eta http-equiv="refresh" content="0; url=http://webarts.ru/">
*
*<style type="text/css">
*<!--
*div {
*****position: absolute;
*top: 50%; left: 50%;
*/* позиционируем левый верхний угол блока строго по центру */
*
*margin: -150px 0 0 -150px;
*/* и ещё рас позиционируем блок относительно того центра */
*
*width: 300px;
*height: 300px; /* или line-height: 300px;, если нада и по центру панельки...*/
*
*text-align: center;
*background: blue;
*color: #fff;
*}
*-->
*</style>
</head>
<body>
<div>панелька :)</div>
</body>
</html>
-
Один момент: высота блока непостоянна для разных страниц.
-
Можно попробовать использовать javascript... или таблицы [Only registered and activated users can see links. Click Here To Register...]
-
Как использовать для этого таблицы?
-
-
Берешь таблицу, даёшь ей высоту 100% ширину 100%, в таблице только 1 ячейка.
Этой ячейке даёшь valign="middle" или как там ещё, в ячейку вставляешь то, что надо сделать по центру экрана.
-
agat, в XHTML у таблицы нет параметра "высота"
-
Ну, тогда никак [Only registered and activated users can see links. Click Here To Register...]
-
ОТ безысходности сделал блоку постоянную высоту :cry: