Strict Standards: Resource ID#28 used as offset, casting to integer (28) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#30 used as offset, casting to integer (30) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#31 used as offset, casting to integer (31) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401
ТвойWeb :: Версия для печати :: Вертикальное выравнивание по центру
ТвойWeb » WebMaster класс » CSS » Вертикальное выравнивание по центру

Страниц (1): [1]
 

1. awep - 16 Марта, 2007 - 15:52:54 - перейти к сообщению
Нужно выровнять div вертикально по центру.(по горизонтали каждый сможетПодмигивание ).
При этом нужно чтобы код был кроссбраузерный и валидный.

Как это сделать? ведь наверняка можно, по крайней мере средствами JavaScript...
2. Валерий - 16 Марта, 2007 - 18:05:59 - перейти к сообщению
Опера9 и ИЕ6 это поняли

CODE:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
<!--
.centr {
background: #00CC00;
height: 50px;
width: 50px;
position: absolute;
left: 50%;
top: 50%;
}
-->
</style>
</head>

<body>
<div class=centr>cc</div>
</body>
</html>
3. Ray Wen - 17 Марта, 2007 - 01:54:21 - перейти к сообщению
Валерий
Забыл добавить margin:-25px 0 0 -25px Подмигивание Но если не указывать спецификацию W3C, то можно и старыми методами...
4. awep - 17 Марта, 2007 - 06:23:02 - перейти к сообщению
Спасибо большое!!!
Проверил в IE6, Opera 9 ,Mozilla Firefox 2.0.0.2 - везде одинаково.
W3C CSS Validator тоже не ругается. останется только сделать грамотный xhtml код.

Заинтересовавшимся на заметку: так выровнять блок на странице особенно четко получится при точно известном размере блока.

Форум на AlfaSpace.NET


Powered by ExBB
ExBB FM 1.0 RC1 by TvoyWeb.ru
InvisionExBB Style converted by Markus®

[Script Execution time: 0.0261]     [ Gzipped ]