Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Verticaal centreren van een tabel

Anoniem
MichielPH
6 antwoorden
  • Hey gasten,

    hoe kan ik een tabel in html of css verticaal centreren? En dit moet werken in alle recente browsers! (IE, Firefox, …)

    Groeten

    Gecko
  • Je tabel in een tabel zetten:

    [code:1:ee6542541f]
    <body>
    <table width="100%" height="100%" valign="center">
    <tr><td>

    [b]andere tabel/andere inhoud[/b]

    </tr></td>
    </table>
    </body>
    [/code:1:ee6542541f]
    Ik weet niet of dit in alle browsers werkt want ik heb alleen MSIE 6
  • deze code is geen correcte code, deze bestaat niet in de standaard (height="100%")
    Toch bedankt voor de moeite
    Gecko
  • Zou je de afmetingen dan niet mbv CSS kunnen instellen en dan gebruik maken van valign="middle" (wel html strict)?
  • Deze vraag is wel vaker gesteld op dit forum. Een CSS-oplossing is die van Anne van Kesteren: http://annevankesteren.nl/test/templates/center-hv.php
  • De afmeting 100% slaat op het percentage van het scherm. Bij een hoogte van 100% wordt dus het volledige scherm gebruikt. Het dan dus geen zin om valign te gebruiken. Als je een absolute waarde invult, bijv. 300 (pixels), in combinatie met valign=`center` dan werkt het wel.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.