При апсолютном позиционировании это должно выглядеть примерно так(как я понял класс helper нужен только для помощи в выравнивании т.к. он не понадобился сделал без него, если не так поправь меня):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Заголовок</title>
</head>
<style>
.child{
width: 400px;
height: 100px;
position:absolute;
top:50%;
left:50%;
margin-top:-100px;
margin-left:-150px;
text-align: center;
border: 1px solid black;
}
.parent{
margin:0;
padding:0;
width:100%;
height:100%;
background:#000;
}
</style>
<div class="parent">
<div class="child">Text</div>
</div>
</html>
|
Platypus,
У .parent должна быть position:relaive; - иначе .child позиционируется относительно окна браузера И сколько не пробовали, без скриптов, в инете все же лучший кроссбраузерный и самый простой способ: в качестве .parent вставлять одноячеистую таблицу, остальные способы - зависят от высоты .child, что не айс при заранее неизвестном кол-ве контента. |
Цитата:
Согласен, но тут уже зависит от задачи! |
Цитата:
|
Мда, интересный пример, но все же все не так просто как хотелось бы.
|
| Часовой пояс GMT +3, время: 17:23. |