Нужно выровнять div вертикально по центру.(по горизонтали каждый сможет ).
При этом нужно чтобы код был кроссбраузерный и валидный.
Как это сделать? ведь наверняка можно, по крайней мере средствами JavaScript...
1. awep - 16 Марта, 2007 - 15:52:54 - перейти к сообщению
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>
<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, то можно и старыми методами...
Забыл добавить 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 код.
Заинтересовавшимся на заметку: так выровнять блок на странице особенно четко получится при точно известном размере блока.
Проверил в IE6, Opera 9 ,Mozilla Firefox 2.0.0.2 - везде одинаково.
W3C CSS Validator тоже не ругается. останется только сделать грамотный xhtml код.
Заинтересовавшимся на заметку: так выровнять блок на странице особенно четко получится при точно известном размере блока.