Centrering af en table

table{text-align: center;}

Her er en reference hvis du får brug for flere CSS tags :)

http://www.w3schools.com/css/css_reference.asp

Svar :)

http://www.peterelkjaer.dk/exp/center.html

Til zeptic:

Det virker ikke. Attributten text-align virker kun på block-elementer - ikke på inline elementer. Der findes en vertical-align i CSS spec.'en, men desværre ikke en horizontal-align.

Har du andet forslag?

Til lynx-dlk:

Takker for linket. Jeg havde dog allerede været omkring W3C for at se, om jeg kunne støve noget op :-)

Til pelkjaer:

Det, som du foreslår, er i princippet:

<div style="text-align: center">
  <table style="border:1px dashed">
    <tr><td>content</td></tr>
  </table>
</div>

Dvs. at du smider tabellen ind i en div. Da text-align netop kun kan bruges på block elementer, er man tvunget hertil, hvis man skal bruge denne attribut.

Takker for forslaget, men jeg leder efter en løsning, hvor man ikke er nødt til at fnidre tabellen ind i en container. Beklager, at jeg ikke gjorde opmærksom herpå fra start :-)

Håber at du har en mere "ren" løsning ?

Jeg har kigget lidt i dokumentationen for CSS2, og så vidt jeg kan se skal det gøres således:

<html>
<head>
<style>
table{
  margin-left: auto;
  margin-right: auto;
  border-style: solid;
}
</style>
</head>
<body>

<table>
<tr><td>Dette er en test på centrering af tabel vha. CSS</td></tr>
</table>

</body>
</html>

noex>>Nej det er ikke det jeg i princippet gør. Kig på det igen - det er måden at gøre det på hvis en alm. align="center" ikke kan bruges.

Til pelkjaer:

Tak igen, men jeg kan ikke bruge en løsning, hvor tabellen indlejres i en div :-)

Håber virkelig på, at der findes en anden løsning.

Hvad er dit inline element?

Mit eksempel ovenfor virker (ihverfald i Opera 6.04)!

Hvad hvis du laver en tabel  giver din td en class="center"

og så i din css skriver
.center{
text-align:center;
}

Jamen så slet div'en og giv tabellen id istedet, svære er det ikke ;)

<table id="content" style="border:2px #999 dashed;">
<tr>
<td>Her en en tabel</td>
</tr>
</table>

Efter at have afprøvet mit eksempel i et par browsere, ser jeg følgende:

MSIE 6.0 centrerer ikke.
Phoenix 0.5 (bygger på Mozilla 1.2 kode) centrerer.
Mozilla 1.2.1 centrerer.
Opera 6.4 centrerer.
Opera 7.0 centrerer.

Det kommer altså også an på hvilken browser du benytter. Desværre bruger de fleste MSIE, og derfor kan du nok ikke gøre det du vil.

Jo, skal jeg gentage mig selv endnu engang :)

http://www.peterelkjaer.dk/exp/center.html
(har fjernet div og givet tabel id)

virker i nyere IE/NS/Opera

Til Pelkjaer:

Du skriver, at jeg kan slette div'en og give tabellen et id i stedet. Kan jeg ikke lige få til at virke. Kan du ikke give mig et link til en side, hvor det virker? I dit sidste link, er der nemlig stadig en div.

Den lette metode:

<div align="center">
Tabellen her
</div>

Hvor er den div henne? http://www.peterelkjaer.dk/exp/center.html :)

I noex' cache :-)

Ro på nu :-) .......sorry

Har nu følgende kode:

<table style="border:1px solid; margin-right: auto; margin-left: auto;">
  <tr><td>content</td></tr>
</table>

....eller man kan give tabellen en id, som defineres i en style blok.

Jamen det lader jo til at virke fint........hmmm. Men mærkeligt. Det er jo det samme som zeptic gjorde kl. 10:15:59, men da virkede det ikke i MSIE.

Takker mange gange for hjælpen !

Der skal en DOCTYPE på, så virker mit eksempel også i MSIE. Hele eksemplet bliver så:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
table{
  margin-left: auto;
  margin-right: auto;
  border: 1px solid;
}
</style>
</head>
<body>

<table>
<tr><td>Dette er en test på centrering af tabel vha. CSS</td></tr>
</table>

</body>
</html>