Форум

Platypus · #11 (**permalink**) 17.01.2013, 17:15

При апсолютном позиционировании это должно выглядеть примерно так(как я понял класс 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>

Deff · #12 (**permalink**) 17.01.2013, 17:15

Platypus,
У .parent должна быть position:relaive; - иначе .child позиционируется относительно окна браузера
И сколько не пробовали, без скриптов, в инете все же лучший кроссбраузерный и самый простой способ: в качестве .parent вставлять одноячеистую таблицу, остальные способы - зависят от высоты .child, что не айс при заранее неизвестном кол-ве контента.

Platypus · #13 (**permalink**) 17.01.2013, 17:25

Сообщение от Deff

Platypus,
У .parent должна быть position:relaive; - иначе .child позиционируется относительно окна браузера
И сколько не пробовали, без скриптов, в инете все же лучший кроссбраузерный и самый простой способ: в качестве .parent вставлять одноячеистую таблицу, остальные способы - зависят от высоты .child, что не айс при заранее неизвестном кол-ве контента.

Deff,
Согласен, но тут уже зависит от задачи!

ksa · #14 (**permalink**) 17.01.2013, 19:49

Сообщение от Platypus

При апсолютном позиционировании

Если не знаешь размеров - не отцентрируешь...

LRCenter · #15 (**permalink**) 19.01.2013, 08:23

Мда, интересный пример, но все же все не так просто как хотелось бы.

Форум

Справочник

Discord чат

Курсы javascript