Форум Сайтостроение Веб-строительство

Совмещение абсолютного и относительного позиционирования!

S
На сайте с 14.05.2009
Offline
93
sportmaster
444

Кто знает в чем причина? Пример следующий. Нужно отцентрировать три блока у которых position - absolute. Для того, чтобы это сделать, нужно выставить блоку "container" margin равное 0 auto и задать ширину наших блоков. Но зачем нужно явно указать что позиция у него - relative? Ведь это же значение и так стоит по умолчанию. Если его не установить, блоки не отцентрируются.:rolleyes:

ХТМЛ код

<body>

<div id="container">

<div id="contentArea">

<p>(здесь заголовки и текст)</р>

</div>

<div id="leftPanel">

<p>(здесь ссылки и различные текстовые элементы)</р>

</div>

<div id="rightPanel">

<p>(здесь ссылки и различные текстовые элементы)</р>

</div>

<div id="footer">

<р>(Авторское право, ссылки и т.д.)</р>

</div>

</div>

</body>

СSS код

body {

margin:0px;

padding:0px;

}

#container {

margin: 0 auto;

width:600px;

position:relative;

}

#contentArea {

width:300px;

position:absolute;

top:0px;

left:150px;

background-color:#FFFF00;

}

#leftPanel {

width:150px;

position:absolute;

top:0px;

left:0px;

background-color:#CCCCFF;

}

#rightPanel {

width:150px;

position:absolute;

top:0px;

left:450px;

background-color:#00CCFF;

}

ПЗ
На сайте с 10.10.2006
Offline
92
Павел Зотов
#1
sportmaster:
Но зачем нужно явно указать что позиция у него - relative? Ведь это же значение и так стоит по умолчанию.

Значение по умолчанию - static. А relative надо ставить, чтобы абсолютные координаты Ваших внутренних блоков исчислялись от левого верхнего края контейнера

Автомобили в России (http://www.autobb.ru/). Спецтехника BIZ - вся строительная, дорожная, коммунальная техника (http://www.spectehnika.biz/) и другая спецтехника в одном месте.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий