Проблем с центиране на div при IE..

[ih999]

Добър вечер! Имам много гаден проблем..Как да центирам див ,така че и IE да го центрира..Незнам дали ме разбрахте..Ще пробвам да обясня..
Значи имам

 <div class="cont"> </div>

и този див го центрирам в css-a..Ето така:

margin: 10px auto;

но ИE не ми центрира див-а..Как да го оправя ,така че дива да се центрира и в Mozila и в Ie..Само искам да кажа ,че html-а тага

<center>

не ми върши работа..

 

[Vladkata]

Първо, <center> тага вече е забранен и не се използва, както <u>, <i> и др. Просто не са валидни, защото са доста стари тагове и по други причини.

Най-добре се центрира нещо с margin.

За да центрираш нещо с margin, трябва да си му задал ширина. Да речем искам да центрирам следният <div>:

[css]
#mydiv{
width: 500px;
margin: 0 auto;
}
[/css]

и това е. Ако обаче искаш да му сложиш margin-top; да речем, ще трябва да опишеш така:

[css]
#mydiv{
width: 500px;
margin-top: 20px;
margin-left: auto;
margin-rigt: auto;
[/css]

. Ако <div>-а ти е абсолютно позициониран (position: absolute;), то той трябва да изглежда така:

[css]
#mydiv{
width: 500px;
left: 0;
right: 0;
margin-top: 20px;
margin-left: auto;
margin-rigt: auto;
position: absolute;
[/css]
.

Надявам се да съм помогнал. Успех!

 

[goshkoy]

парво трябва да му зададеш width и тогава ще се центрира без определене ширина margin: auto; не работи[/css]

 

[djman]

хака за IE е такъв:

body { text-align: center; }

.cont { width: 950px; margin: 0 auto; text-align: left; }

за да работи margin: 0 auto, трябва да има width. А хака за IE е да се центрира всичко (text-align: center) и после пак да се върне (text-align: left).