как отцентрировать div

[Xeon332]

не получается дивы выровнять по центру... таблицы центриру.тся без проблем через <table align="center">, div не хочет... подскажите как можно их отцентрировать????

[DomiNick]

<Div align="center">текст</Div>

Прекрасно работает...

[wall66]

вообще-то автор имел в виду центрирование самого дива, а не его содержимого

тут легче всего будет вложить один див в другой, указав у внешнего атрибут align="center"

[SkyM@n]

<style type="text/css">
#container {
    text-align:center;
}
#mydiv {
  width:500px;
  border:1px solid red;
  margin-left:auto;
  margin-right:auto;
}
</style>
<div id="container">
   <div id="mydiv">TEST</div>
</div>

[Xeon332]

центрируются вложенные дивы только в IE... другие браузеры вобще в игнор пускают - по левому краю так и распологают... смещением top и left проблему не решить?

[wall66]

<div align="center">
	<div style="width:200px;border:1px solid black;" align="left">content</div>
</div>

толькочто проверил во всех имеющихся на компьютере браузерах - работает просто прекрасно, никаких различий не наблюдается

[Xeon332]

заработало. оказывается свойство position влияет на выравнивание...

[Xeon332]

проблемка! IE yне тображает как надо, - центрирует основнйо дивы а с вложенными творит что хочет...
вот код CSS:

#main_div {
position: relative;
width: 800px;
height: 750px;
background-color: #FFFBF0;
border: double;
text-align: center;
margin: auto;
}

#left_top_div {
position: relative;
width: 295px;
height: 220px;
background-color: #FFFBF0;
border: double;
text-align: center;


}

#right_top_div {
position: relative;
width: 495px;
height: 300px;
background-color: #FFFBF0;
border: double;
margin-left: auto;
margin-top: -226px;;
}

что IE надо-то???

[Naruto.]

YO!
Я не совсем понял вашей беседы.
Но чтобы реализовать в CSS расп.по центру как делаю я и все.
Нужно в CSS прописать в главном DIV файле это.

margin-left: auto;
margin-right: auto;

Тоесть!
<div class="width-height">
Это твой главный файл в котором находиться твой сайт!!!
Примерно так в CSS.

.width-height {
	position: relative;
	height: 1047px;
	width: 897px;
	margin-left: auto;
	margin-right: auto;
}

Тогда все будет находиться на своем месте во всех существующих Браузерах! А главное контент сайта. Ещё нужно не допускать ошибок в таблицах </div> закрывать их правельнооо...

[Romanbl4]

Бывает, что margin: auto не срабатывает (когда куча всяких float на странице), тогда я пользуюсь такой конструкцией:

<div style="position: relative; width: 500px; left: 50%; margin-left: -250px;">
Текст отцентрованного diva
</div>

то есть ставим left 50% и сдвигаем влево на половину ширины блока