Div zentriert

[Nico]

Hi,

habe wiedermal das Problem, dass der IE eine Seite inkl. Div-Box zentriert anzeigt, und der Firefox leider auf Linksbündigkeit besteht:
body

{

text-align:center;

vertical-align:center;

}

#box{

text-align:left;

width:750px;

height:580px;

z-index:0;

}

[Beat]

habe wiedermal das Problem, dass der IE eine Seite inkl. Div-Box zentriert anzeigt, und der Firefox leider auf Linksbündigkeit besteht:
body
{
text-align:center;
vertical-align:center;
}

#box{
text-align:left;
width:750px;
height:580px;
}

Blockelemente werden horizontal zentriert dargestellt, indem man ihnen

margin-left:auto;
   margin-right:auto;
   width:80%;

gibt.

Weil MSIE6 das nicht versteht (in oder out of QUIRKS)
definiert man
   text-align:center
im übergeordneten Element,
das man aber im eigenen Element wieder mit
   text-align:left
zu klären hat.

mfg Beat

[Frieder]

Warum nicht gleich

<center> ... </center>

Ist zwar veraltert, aber funktioniert noch überall und dass ist die Hauptsache und erspart die ganze herumtrickserei!

[suit]

Ist zwar veraltert, aber funktioniert noch überall und dass ist die Hauptsache und erspart die ganze herumtrickserei!

text-align: center; löst das problem in alten browsern doch zuverlässung - und wer ordentlichen code schreibt, hat mit margin: auto; auch keine probleme - warum also ein element verwenden, welches in zweiterlei hinsicht schlecht ist

1. es ist zusätzlich
2. es dient nur der darstellung

[suit]

Weil MSIE6 das nicht versteht (in oder out of QUIRKS)

nicht richtig - der ie6 versteht margin: auto nur im quirksmode nicht, im standardkonformen modus sehrwohl

der ie5.5 kann damit überhaupt nix anfangen

text-align center ist hier die abhilfe - allerdings ist der verbreitungsgrad des browsers so gering, dass es eigentlich egal ist