15.05.2008, 13:17
|
|
Познающий
Регистрация: 06.01.2007
Сообщений: 44
Провел на форуме:
215597
Репутация:
32
|
|
Сообщение от Isis
PHP код:
#blabla {
height : 30px;
width : 200px;
position : relative;
}
thx!
нашел решение
PHP код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>title</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
#centered{
background:black;
width:600px;
color:#fff;
margin: 0 auto;
padding:15px;
}
/*Вертикальное центрирование для нормальных броузеров*/
html, body {
height: 100%;
margin: 0;
padding: 0;
}
body {
display: table;
height: 100%;
width: 100%;
text-align: center;
}
#wrapper {
display: table-cell;
vertical-align: middle;
}
/*]]>*/
</style>
<!-- Симуляция вертикального выравнивания для ИЕ. -->
<!--[if IE]>
<style type="text/css">
/* ==== решение ==== */
div#centered {margin-top: expression(((document.documentElement.offsetHeight/2)
-parseInt(offsetHeight)/2) <0 ? "0" :
(document.documentElement.offsetHeight/2)
-(parseInt(offsetHeight)/2) +'px') ;}
/* Преимуществом этого подхода является то, что нам не нужно указывать высоту в expression, а только в CSS,
IE сам определит высоту и рассчитает margin-top. */
</style>
<![endif]-->
</head>
<body>
<!-- BEGIN #wrapper -->
<div id="wrapper">
<div id="centered">
<p>some text... </p>
</div>
</div>
<!-- END #wrapper -->
</body>
</html>
Последний раз редактировалось D0S; 15.05.2008 в 14:29..
|
|
|