центриране на div в IE8

[jaffy]

Добър ден!

Имам един css style в който искам да центрирам един div , в firefox става по този начин:
margin: auto;
се получава за firefox обаче не знам за Internet Explorer 8 и предишни версии как да го оправя. Опитах с align: center; ама няма ефект

Някакви идеи да имате?

 

[debian]

Битрябвало да е margin:0 auto;
Пробвай да направиш един див , в който да сложиш целият сайт и му задай text-align:center;

 

[aquafresh]

background-position: center top;

пробвай

 

[jaffy]

Проблема е друг:
http://web-tourist.net/login/login/view.php?st=2094

Ето от този урок таблицата която се прави със стила искам да го центровам стила ,а не текста. Аз успявам в Firefox да го направя това обаче в IE8 не се получава и ми е въпроса там каква опция да добавя в стила за да се получи

В момента това ми е css-a:

.rtop, .rbottom{
 display: block;
 background-image:url ("../images/backgr.jpg");
 width: 700;
 align: center;
 margin: auto;
}

.rtop .r1, .rtop .r2, .rtop .r3, .rtop .r4,
.rbottom .r1, .rbottom .r2, .rbottom .r3, .rbottom .r4
{
 display: block;
 height: 1px;
 overflow: hidden;
 background: #ccc;

}

.r1{margin: 0 5px;}

.r2{margin: 0 3px;}

.r3{margin: 0 2px;}

.rtop .r4, .rbottom .r4
{ margin: 0 1px;
height: 2px;
}
.xx{
 background: #ccc;
 width: 700;
 margin: auto;

}
p
{ margin: 0px;
padding: 0px 0px 16px 0px;
line-height: 1.7em;
}

Пробвах да видя дали ще има ефект със margin: 0 auto;

Edit: aquarefresh не се получава това

 

[adrian]

Дивът трябва да има и зададена широчина за да се центрира по този начин.
Т.е трябва да ти е така:

#myid { width: 200px; margin: 0 auto; }

Дали ще е margin: 0 auto; или margin: auto; няма значение за самото центриране. Разликата е, че като зададеш 0 auto. Правиш външните отстъпи отгоре и отдолу да са 0, а тези отляво и отдясно автоматични. А като не задаваш 0 правиш отвсякъде да са автоматични.

Не мога да разбера какво точно искаш да центрираш? Ако искаш цялата кутийка със заоблените ъгли да е центрирана - най-добре я постави в нов div и на него задай тези стойности за центрирането.

 

[jaffy]

Дивът трябва да има и зададена широчина за да се центрира по този начин.
Т.е трябва да ти е така:

#id { width: 200px; margin: 0 auto; }

Дали ще е margin: 0 auto; или margin: auto; няма значение за самото центриране. Разликата е, че като зададеш 0 auto. Правиш външните отстъпи отгоре и отдолу да са 0, а тези отляво и отдясно автоматични. А като не задаваш 0 правиш отвсякъде да са автоматични.

Не става..
ето тези дивове се опитвам да центрирам:
.rtop, .rbottom{
display: block;
background-image:url ("../images/backgr.jpg");
width: 700px;
margin: 0 auto;
}

.xx{
background: #cccccc;
width: 700px;
margin: 0 auto;
}

аз си бях въвел широчина още от самото начало обаче.. направете си един тест в мозила и интернет експлорер да видите за какво ви говоря..

 

[shterev]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

Сложи тоя доктайп и :

.class {
widht:600px;
margin:0 auto;
}

Проблема е в доктайпа!