Jesper Brunholm <nospam@brunholm-scharff.dk> writes:
> Jeg har noget spøjst, jeg ville centrere en div i mozilla, og gjorde
> det så med
> style:
>
> .center{
> text-align: center;/* til msie */
> margin-left: auto;
> margin-right: auto;
> }
>
> <div class="center">
> <div style="width: 600px; background-color: green;">
>
> </div>
> </div>
>
> - den er ikke centreret, men venstrestillet
Rigtigt. Den yderste div har kravene "auto" til både bredden (default)
og begge marginer. I det tilfælde får den 100% bredde og ingen margin
(den er centreret, med både højre og venstre margen på 0px).
Indholder er så et blok-element, så derfor er det ikke påvirket af
text-align, og det har bredde 600px, så det bliver venstrestillet.
Hvis du havde sat margin-left/right:auto på den inderste div, så
ville den være centreret. Det virker kun på elementer der har en
bredde mindre end 100%.
Det er nogen gange lettere at se hvad der sker hvis man sætter en
border på elementerne (eller en outline, hvis browseren understøtter
det).
> når jeg derimod gør sådan her:
> <table class="center"><tr><td>
> <div style="width: 600px; background-color: green;">
>
> </div>
> </td></tr></table>
>
> så virker det fint.
Det skyldes at table ikke som default tager 100% af bredden, men
tilpasser sig sit indhold. Derfor virker margin-left/right:auto.
> Er der en god grund til det (såsom at det faktisk er illegalt at...
> etellerandet)?
Til at det virker? :) Det tror jeg ikke. Det ser ud til at opføre sig
helt som det skal (Opera viser det på samme måde :).
/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
'Faith without judgement merely degrades the spirit divine.'