Сайт на div-ах по центру окна браузера. Как?

[ser_ser]

Я сделал свой первый сайт. На свободно позиционируемых элементах (Layers), с координатами для всех углов каждого свободно позиционируемого элемента (поля L Т R В). Все бы ничего, да страница, естественно, строго слева вверху (на координате 0). Подскажите, пожалуйста, можно ли теперь как-нибудь заставить все это двигаться по центру окна обозревателя?

[alexshelkov]

Для того чтобы произвольный div заставить отображаться по центру нужно чето вроде этого:

<div>abc</div>

div {
margin: 0px auto;
width: 200px; /* ширина должна быть задана */
}

Что вы написали я вообще не понял.

[ser_ser]

alexshelkov, спасибо, точно! Блин, margin: 0px auto; + position:relative; и все получилось!!! Спасибо!

[arestov]

position:relative не нужно

[maximus007]

Вот самый эффективный способ:

div#container { 
  position: absolute; 
  left: 50%; 
  width: 1000px; 
  margin-left: -500px;  /* половина ширины */ 
}

[orgg]

а почему слева 50%?

[Toxa4ka]

position:relative не нужен там.

[maragva]

Ширину можно указать в процентах - это, если шаблон резиновый

[p306ec]

для основного контейнера margin:0 auto; width:80%; и ничего больше не надо придумывать.

[pashakuz]

Помойму, лучшее это -
#container {
margin: 0 auto;
width: 1000px;
}

Не вижу смысла использовать
div#container {
position: absolute;
left: 50%;
width: 1000px;
margin-left: -500px; /* половина ширины */
}

Тут и строчек больше, и лишние позишны тоже ни к чему....

[HablaBabla]

Отрицательный mrgin-left тебе в помощь.

[dentalhat]

пытался pashakuz предложением и это сработало! Я пытался понять это слишком.

[Serebancik]

Научиш?

[olegkrav]

Цитата: Сообщение от ser_ser Я сделал свой первый сайт. На свободно позиционируемых элементах (Layers), с координатами для всех углов каждого свободно позиционируемого элемента (поля L Т R В). Все бы ничего, да страница, естественно, строго слева вверху (на координате 0). Подскажите, пожалуйста, можно ли теперь как-нибудь заставить все это двигаться по центру окна обозревателя?

<style type="text/css">
* {
padding: 0px;
margin: 0px;
}
div.center{
margin-left: 50%;
}
div.obj{
width: 800px;
height: 800px;
background: #000;
color: #fff;
text-align: center;
margin-left: -400px;
}
</style>
<div class="center">
<div class="obj">Строго по-центру.</div>
</div>