Problem z wyśrodkowaniem stony w IE[allegro]


(Surmapiotr) #1

Witam

Mam szablon przygotowany pod aukcje allegro. Wszystko zgadza się z regulaminem allegro co do znaczników. Szablon załadowany w firefox wygląda idealnie, czyli wyśrodkowany natomiast kiedy patrzę na aukcje korzystając z IE to wszystko znajduje się na lewej stronie. Domyślam się ze coś jest nie tak w css.

Proszę o pomoc

body

{ background: #eee url('http://www.komputerzagrosze.pl/allegro/bg.gif') no-repeat top left;

  font-family: Arial,Verdana,Sans-serif;

  color: #999; 

  font-size: 8pt;

  text-align:center}


h1

{ background-color: #FFF;

  color:#FF9900;

  font-size:12pt;

  font-weight:bold;

  margin-top:0;

  margin-bottom:10px;}


h2

{ background-color: #fff;

  color:#FF9900;

  font-size:10pt;

  font-weight:normal;

  margin-top:0;

  margin-bottom:0;}



ul 

{ list-style:none;

  margin:0 5px;

  padding:0;}





a:link, a:visited, a:active

{ background-color: #fff; text-decoration: none; color:#FF9900;}

a:hover

{ background-color: #fff; text-decoration: underline; color:#CACACA; 

   filter: alpha(opacity=70);

}


#header

{ height:165px;

  width:755px;

  margin-left:auto;

  margin-right:auto;  

  border:#CCC 1px solid;

  background-color:#FFF;

  color:#FF9900;}


#main

{ width: 750px;

  margin-top:20px;

  margin-left:auto;

  margin-right:auto;

  border:#CCC 1px solid;

  background-color: #FFF;  

  font-size:9pt;

  color:#666;}


#content

{ width:510px;

  float:left;

  padding:20px;

  text-align:justify;}


#nav

{ width:180px;

  float:left;

  margin-right:5px;

  margin-top:20px;}


#footer

{ height:30px;

  width:750px;

  margin-top:20px;

  margin-left:auto;

  margin-right:auto;

  padding:10px 0;  

  border:#ccc 1px solid;

  background-color: #fff;

  font-size:8pt;

  color:#999;

  text-align:center;}


#footer a:link, #footer a:visited, #footer a:active

{ background-color: #fff; text-decoration: none; color:#999;}

#footer A:hover

{ background-color: #fff; text-decoration: none; color:#ff9900;

filter : alpha(opacity=70);}


.footer 

{ clear: both; 

  background:#fff;

  color:inherit;

  height:1px;}


.logo

{ height:160px;

width:755px;

  float:left;

  text-align:left;

  padding:0px 0 0px 0px;

  overflow: hidden;}


.menu 

{ width:auto;

  text-align:right;

  font-weight:bold;

  font-size:12pt;

  padding:35px 15px 0 0;

  float: right;

  overflow: hidden;}


.left

{ width:250px;

  float:left;

  margin:10px 15px 10px 0;

  text-align:justify;  

  overflow: hidden;}


.mid 

{ width:auto;

  padding:10px 0 0 10px;

  margin-left:auto;

  margin-top:0;

  overflow: hidden;}


.navhead

{ width:170px;

  height:18px;

  padding: 3px 3px 0 5px;

  border:#ddd 1px solid;

  text-align: left;

  font-size:8pt;

  background-color:#eee;

  color:#666;}


.navitem

{ width:172px;

  padding: 15px 3px 0 3px;

  border-bottom:#ddd 1px solid;

  border-right:#ddd 1px solid;

  border-left:#ddd 1px solid;  

  font-size:8pt;

  font-weight: normal;

  text-align:justify;}


.img

{ border:1px none;}

Początek strony wygląda tak(pokaże gdzie zaczyna się div)

Dziękuje z góry


(Anddezr+Dobreprogramy Pl) #2

Może lepiej pokaż tą stronę na serwerze.

IE ... jaka wersja?

Nie zamknięty

Po co używasz lokalnych styli (wewnątrz dokumentu).

Dałeś doctype?

Zeruj domyślny margin, padding.

Centruje się w ten sposób

body {margin: 0 auto; ew. dodaj text-align:center;} 

 div {text-align:left;}

(system) #3

Zastąp body, div'em, na allegro body jest wycinane i nie można na nim manipulować.