Cascading Style Sheets (CSS) is een stijlbladtaal die het meest wordt gebruikt om de visuele stijl in te stellen van webpagina's die zijn geschreven in HTML en XHTML. U bent wellicht nieuw in webontwerp of CSS en hebt vragen over hoe u een tabel op een webpagina centreert. U bent misschien ook een ervaren ontwerper die verward is over hoe deze techniek moet worden uitgevoerd nu de kenmerken CENTER tag en align = "center" zijn gedeprecieerd in de TABLE-tag. Met CSS is het centreren van tabellen op een webpagina helemaal niet moeilijk.
Gebruik CSS om een tabel te centreren
U kunt een enkele regel toevoegen aan uw CSS-stijlblad om alle tabellen horizontaal te centreren:
of u kunt diezelfde regel rechtstreeks aan uw tabel toevoegen:
Wanneer u een tabel in een webpagina plaatst, plaatst u deze in een blokniveau-element zoals BODY, P, BLOCKQUOTE of DIV. U kunt de tabel binnen dat element centreren met behulp van de marge: automatisch; stijl. Dit vertelt de browser om de marges aan alle zijden van de tabel gelijk te maken, waardoor de tabel in het midden van de webpagina wordt gepositioneerd.
Sommige oudere webbrowsers ondersteunen deze methode niet
Als uw site een oudere webbrowser moet ondersteunen, zoals Internet Explorer 6, moet u doorgaan met gebruikenalign = "center" of de CENTER-tag om uw tabellen te centreren. Dat is ongeveer de enige complicatie die je tegenkomt bij het centreren van je tabellen op een webpagina. Het gebruik van deze techniek is eenvoudig en kan binnen enkele minuten worden uitgevoerd.
