Centrering af tabeller i Opera via CSS

<table style="width:600px;margin:0px auto;">

Bare put dine tabeller ned i en div.  :-)

skovenborg: Det virker. Men hvorfor? Jeg kan se at det er "auto" i margin, der laver centreringen, men synes umiddelbart ikke det virker logisk at det skulle være en automargin, der styrer det.
Smid som svar, så du kan få point.


extend: Det løser ikke problemet i Opera, da jeg i div'en i CSS'en stadig bruger "text-align : center;" som Opera ignorerer på tabeller.

ja, den er lidt tricky men kig her:
http://www.w3.org/TR/CSS21/visudet.html#blockwidth

Her står der nemlig at hvis margin-left og margin-right er auto så bliver de lige store hvilket altså resulterer i, at de bliver centrerede.

Tak :)

og tak for points :-)

kreativmedie:
Jeps, jeg havde godt læst detaljen med at Opera ignorerer "text-align: center", både mht. selve tabellen og indholdet af tabellen. ;-)
Jeg bruger bare selv den detalje, at putte det hele ned i en div, så kan jeg nemlig styre det hele dernede.  :-)

skovenborg:
Klart en kortere kode. :-)  Men: Alle andre browsere (brusere?) end Opera lytter efter denne kode også?

ja, det gør de faktisk - hvis man kigger i Mozilla burde den heller ikke reagere på text-align:center. margin:0px auto burde alle browsere derimod forstå, eller kan man jo også for en sikkerheds skyld tilføje text-align:center også ;-)

En lille "sjov" ting er at man faktisk kan skrive text-align:-moz-center; som også centrerer block-elementer i Mozilla (hvilken text-align:center ikke gør). Bare en lille ubrugelig oplysning ;-)

Vedr. "text-align:-moz-center;"
Næe, den er bestemt ikke ubrugelig. Det en fin lille detajle, du dér fik oplyst, Skovenborg.  :-)

Så måske man skulle skrive:
  text-align: center;
  text-align: moz-center;
i sin kode, for netop at gøre den cross-browser-kompatibel???

tjoo, hvis den går så går den - har ikke lige prøvet det af ;-)

Jeg selv udvikler "kun" i IE 6.1 og Opera 7.5, og bruger stort set ikke Mozilla eller Netscape.  :-)

Umiddelbart tror jeg kun at det er ved valideringen af CSS-syntax, at der er nogen som skulle brokke sig over dit lille fif.  :-)