[Porzcat]

Hallo,
langsam verzweifele ich an einer scheinbar simplen Sache, die hier auch schon zigmal behandelt wurde, bei mir aber nicht funkt. Und zwar will ich ein 770px breites div zentrieren. Dazu habe ich im Stylesheet folgendes vermerkt:
body {
background-color: White;
text-align: center;
margin: 0 auto;
}
#top {
width: 100%;
text-align: center;
}
#navi {
width: 100%;
height: 30px;
}
#content {
width: 770px;
color: #808080;
font-family: sans-serif;
font-size: 80%;
text-align: left;
}
Klappt im IE auch wunderbar, aber im FF klebt der #content am linken Rand.
Irgendwie scheine ich mir auf der Leitung zu stehen. Kann mir jemand da runter helfen?
Danke schon jetzt für jedenTipp.
Gruß
Porzcat

[jawbreaker]

Die Anweisung

margin: 0 auto;

muss bei #content {} stehen und nicht im body.
Der Margin wirkt direkt auf das Element für das er eingetragen ist.

text-align: center;

wirkt dagegen auf die Kinderelemente, d. h. da der #content im body liegt, wird er zentriert.

[Porzcat]

Hallo,
vielen Dank für Deine Hilfe. Jetzt klappts auch im FF. Nur interessehalber: wieso hats im IE gefunkt auch mit dem falschen Code?
Gruß
Porzcat

[heiko_rs]

Weil er Blockelemente fälschlicherweise durch text-align zentriert, und das steht für diesen Zweck im Body ganz "richtig".

[Porzcat]

Oki, vielen Dank nochmal