[CSS][HTML] Tabel centreren met css

[Verwijderd]

Hallo ik probeer een tabel te centreren met een cascade style sheet,

Dit is de tabel die ik graag wil centreren:

code:

<table width="750" border="0" cellpadding="0" cellspacing="0" class="bodyTable"> 
  <tr> 
    <td colspan="3" valign="top>tabel content</td> 
  </tr>
</table>

Ik kan dan in de tabel natuurlijk wel ( align="center" ) gebruiken, maar ik wil de tabel persé via css centreren, dit is de cascade style sheet waar de tabel(len) gebruik van maken:

code:

.bodyTable {
    background-image: url(../../images/body/hg.jpg);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: left top;
}

Echter als ik ( align:center; ) gebruik werkt dit niet, wat zou dan wel de oplossing moeten zijn? Ik kom er even niet uit

Kan iemand me helpen hiermee?

[Osiris]

margin:auto;

Geloof ik

[ Voor 40% gewijzigd door Osiris op 24-03-2005 11:05 ]

[Erkens]

Verwijderd schreef op donderdag 24 maart 2005 @ 11:03:

code:

<table width="750" border="0" cellpadding="0" cellspacing="0" class="bodyTable"> 
  <tr> 
    <td colspan="3" valign="top>tabel content</td> 
  </tr>
</table>

Ik kan dan in de tabel natuurlijk wel ( align="center" ) gebruiken, maar ik wil de tabel persé via css centreren, dit is de cascade style sheet waar de tabel(len) gebruik van maken:

offtopic:
waarom wel centreren via CSS maar niet de border/padding/spacing/width etc?

[klokop]

Osiris schreef op donderdag 24 maart 2005 @ 11:05:margin:auto;

Preciezer: margin: auto 0 (of was het nou 0 auto?)

[LoeiOrdinair]

klokop schreef op donderdag 24 maart 2005 @ 11:32:
[...]

Preciezer: margin: auto 0 (of was het nou 0 auto?)

Dat maakt niet zoveel uit. Maar auto alleen werkt ook gewoon.

[Verwijderd]

Tuurlijk maakt het uit. En voor horizontaal is het '0 auto'.

[Verwijderd]

probeer eens

code:

margin-left:auto;
margin-right:auto;

heb het niet getest dus laat me maar weten lol

[Osiris]

Verwijderd schreef op donderdag 24 maart 2005 @ 11:47:
Tuurlijk maakt het uit. En voor horizontaal is het '0 auto'.

Vertikaal schijnt ie toch niet te centreren als je auto zegt ofzo, alleen horizontaal.

[Willem]

Tabel in een div zetten en die absoluut positioneren

Cascading Stylesheet:

div#mallePietje {
  position:absolute;
  width:300px;
  left:50%;
  margin-left:-150px;
}

Is ook een manier

[Lukse]

willem169 schreef op donderdag 24 maart 2005 @ 16:46:
Tabel in een div zetten en die absoluut positioneren

Cascading Stylesheet:

div#mallePietje {
  position:absolute;
  width:300px;
  left:50%;
  margin-left:-150px;
}

Is ook een manier

Waarom in een div zetten?
Je kan die css code toch ook op je tabel toepassen?
Maar zo zou ik het idd ook doen...

[ Voor 6% gewijzigd door Lukse op 24-03-2005 17:10 ]

[Verwijderd]

Vertikaal schijnt ie toch niet te centreren als je auto zegt ofzo, alleen horizontaal.

Jawel, alleen moet je dan ook zorgen dat het element een bepaalde hoogte heeft en twee ankerpunten heeft door middel van 'position:absolute', 'top' en 'bottom' te gebruiken.