Centrering af block element

<div style="border:1px solid black;width:500px;height:50px;text-align:center"><div style="border:1px solid black;width:200px;">Jeg er centreret</div>

<div style="border:1px solid black;width:500px;height:50px;text-align:center"><div style="border:1px solid black;width:200px;">Jeg er centreret i IE</div></div>

<div style="border:1px solid black;width:500px;height:50px;text-align:center"><div style="border:1px solid black;width:200px;margin:0px auto;">Jeg er centreret i css2-browsere</div></div>

oder:

<div style="padding-top:75px;" align="center">
  <div style="width:200px;background-color:#eee;padding-left:30px;margin:0px auto">Jeg er centreret</div>
</div>

*padding-left bør nok fjernes i dette eks* :o)

Det virker jo kun på grund af en bug i IE ... text-align virker ellers kun på inline elementer?

Ja !-)

Derfor pelkjaers og mit forslag ...

<ole>

pelkjaer >> align="center" er nok heller ikke så fedt i forbindelse med XHTML 1.1  :)

hsm >> Hvorfor overhovedet bruge XHTML 1.1? Det er slet ikke implementeret i de mange browsere

/mvh
</bole>

margin 0px auto -hvis det skal skæres ud :)

ole>>hehe right. Så giv den yderste div en margin også =oD

Ok - man skal sgu svare hurtigt her :o) Min kommentar dækkede kun det første svar.

De som har {margin .... } løsningen må smidde et svar.

Mht. XHTML 1.1 virker det da fint .. eller skal vi sige lige så godt som HTML 4.01 og XHTML 1.0 - og besværet er nogenlunde det samme på lang sigt.

Velbekomme '-)

Hvad mener du med 'virker fint'? Hvis du mener: "Der sker ingen katastrofer", så har du ret - men versionen er slet ikke implementeret i ret mange browsere  :)

-- og så længe IE ikke understøtter margin:auto; er der god grund til at gøre begge dele, da den jo (fejlagtigt !-) også centrerer block-elementer med text-align:center;

roenving >> min kommentar gik på, hvorvidt der er fordele ved at bruge XHTML1.1 fremfor XHTML 1.0 ... og det er der ikke i den verden, vi lever i  :)

-- og min kommentar var jo skrevet uden kendskab til din ...

Uanset hvad man gør må man slås med elendige browser implementeringer. Jeg mener derfor man bør følge de stadarder der lægges for dagen fra W3C. Den eneste måde browser producenterne begynder at tage tingene alvorligt, er ved at folk begynder at bruge de "rigtige" standarder.

Desuden opfører de nyere versioner sig ret pænt, men IE er klassens dumme dreng. At 98% eller mere så anvender den gør den jo ikke til et bedre produkt.

Smid nu nogle svar ....

Det er selvfølgelig ganske beundringsværdigt, kært og idealistisk, at folk, der ikke skal leve af det, kæmper imod virkeligheden og udelukkende skriver til W3C-rekommendationerne for at presse browser-fabrikanterne. Jeg tvivler dog på, det efterlader det helt store indtryk eller bidrager synderlig med den ønskede effekt.

Én ting er helt sikkert: Folk, der lever af at kode til WWW, kan ikke tillade sig den 'luksus'. Vi dør af sult, hvis vi tørrer problemerne af i brugerne.
Vores fornemste opgave er at sørge for, at alle de problemer, der ligger i manglende eller dårlige implementeringer af teknologier aldrig kommer til at genere brugerne. Det gør det absolut ikke lettere at kode, men det er jo bl.a. dét, der gør det sjovt.

Man bør aldrig blive programmør/koder, fordi det er let ... man bør vælge det, fordi det er svært  ;o)

Jeg tror det er på tide at lukke før det her ende helt ude på overdrevet :o)

Jeg vil nu stadig holde på at W3C recommendations er vejen frem. Og nej - jeg lever ikke af at lave web sites, men derfor en min pointe ikke mindre relevant af den grund. Og det kommer også meget an på hvilken type sider du laver, hvilke user agents de skal vises på etc. etc.

-- og jeg takker for point ;~}

Jamen, laver man sider til WWW, skal de da kunne vises i alle gængse browsere under alle gængse OS'er. Det kan aldrig blive tilfældet, hvis man blindt skriver til W3C's rekommendationer.
Derfor understreges det også gang på gang i W3C's arbejdspapirer (de, der senere bliver til rekommendationer), at der bør kodes til virkeligheden - og hvad der er implementeret på et givent tidspunkt.
Skulle man skrive til de nuværende standarder - og i overensstemmelse med, hvor W3C viser vejen fremad - skulle vi alle kode i XML, XHTML1.1-strict og CSS2(3). Problemet er bare, at så er koden ikke kompatibel med nogen gængs browser på markedet. Det er langt fra kun IE, der ikke opfører sig, som den burde  :)
/mvh