Mittige Ausrichtung mit css?

[Olli]

Hi,

ich verstehe einfach nicht, warum ich diesen Code nicht mittig ausgerichtet bekomme.
Ich möchte ein Layout machen, mit einem Header, einer Navi und einem Content. Allerdings mittig. Mein Ansatz gibt mir den aber immer linksbündig aus.

<style type="text/css">
body {
  
  width:893px;
  padding:0;
  margin:0;
  background-color:#0077B8;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  color:#0077B8;
}
#kopf {
  width:893px;
  height: 95px;
  margin: 10px;
  background-color: #ffff00;
}
#inhalt {
  width: auto;
  margin: 0px 180px;
  background-color: #ffffc6;
}
#links {
  position: absolute;
  top: 120px;
  left: 10px;
  width: 160px;
  height: 300px;
  background-color: #ffcc00;
}

</style>

Außerdem muss es da etwas geben, was Firefox nicht versteht. Ich weiß aber nicht, was?!

Gruß,
Olli

 

[theHacker]

Steht ja auch nix von mittig da - wie ich das seh.

div {
  margin: 0 auto;
  width: 893px;
}

zentriert dir den Block.

 

[Olli]

Vielen Dank.
Aber warum reagieren IE und FF unterschiedlich bei diesem Code?

Gruß,
Olli

 

[theHacker]

Ganz einfach: Weil Billy zu dumm is, die Standards richtig zu implementieren.

IEs6+ sollten das aber auch beherrschen, wenn du die Seite mit gültigem Doctype hast. Das Falschrendering findet afaik nur im Quirks-Mode statt.

 

[baserider]

ist zwar schon paar Tage her, aber der IE macht die Zentrierung mit text-align: center, da er kein margin: auto kann (zumndest die älteren Versionen)
Man muss dann nur mittels text-align: left; die Textausrichtung wieder ändern.