✔ IE 5.5: Website horizontal zentrieren

[msycho]

Hallo!

Ich bin gerade dabei ein Layout für eine Website zu erstellen. Es wird sogar in den IEs Version 6 und 7 korrekt dargestellt. Nur der IE 5.5 macht Probleme.

Ich habe Euch mal zum besseren Verständnis ein "Rohkopie" gemacht: http://www.sghabi2006.de/xtestx/

Es geht um das #page.

Momentan ist für die horizontale Zentrierung das verantwortlich:

width: 820px;

Ich hatte versucht, es auch so für den IE 5.5 verständlich zu machen - vergebens:

width: 820px; 
left: 50%;
margin-left: 410px;

Könnt Ihr mir weiterhelfen?

 

[Maik]

Hi,

ausgehend von deinem derzeitigen Stylesheet:

body {
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 150%;
  color: #444444;
  text-align:center;
}
#page {
  width: 820px;
  margin: 0 auto;
  background: url(../images/page_bg.gif) repeat-y;
}

 

[msycho]

Hm, das war irgendwie einfach. Danke!

Aber jetzt ist das Banner nicht zentriert, das Topmenu und das Untermenu sind zu weit links. Versteht der IE 5.5 keine margin-Angaben?

 

[Maik]

Das wird wohl an der text-align:left-Deklaration für das DIV #page liegen, dass der Elementinhalt nun an den linken Rand rutscht.

Der IE5.5 unterstützt zwar die margin-Eigenschaft, aber nicht margin:0 auto, um ein Element horizontal zu zentrieren.

 

[msycho]

Hm, und ich wurschtel mit padding rum.

Danke!