Beste mensen,
simpel HTML/CSS vraagje. Ik wil de tekst op een pagina verticaal centreren:
http://bit.ly/icmXU5
de HTML:
en de CSSCode:<html> <head> <title> IM Qrius </title> <link rel="stylesheet" href="css/style.css" type="text/css"/> </head> <body> <div id="bg"> <div id="text"> <b>IM<font color="#cc0000">QRIUS</font></b><br /> <b>Roman Robroek</b><br /> Silhof 42<br /> 6418 JT Heerlen<br /><br /> T: + (00) 31 6 12 62 1064<br /> E: xxx<br /><br /> KVK: xxx </div> </div> </body> </html>
Code:body { margin: 0px; background-image: url("../img/bg.jpg"); background-position: center; background-repeat: no-repeat; } #bg { width: 100%; height: 100%; text-align: center; vertical-align: middle; } #text { font-family: Trebuchet MS; font-size: 12px; color: #000; text-align: left; width: 175px; height: 100%; margin: auto; line-height: 180%; }
-
04-01-2011, 16:15 #1
Particulier
- Berichten
- 225
- Lid sinds
- 19 Jaar
HTML/CSS Verticaal centreren
-
In de schijnwerper
Verkoop van diverse domeinnamen zoals: Dartreizen.nl, Concertreis.nl, Seniorreis.nl.Domein te koopIk doe sterke domeinnamen voor Nederlandse Affiliates, Publishers & Endusers weg.Domein te koopAllesOverComputers.nl - Zeer geschikt voor een complete content websiteDomein te koopE-book: Domineren in Google met AIOverige deals -
04-01-2011, 16:30 #2
Particulier
- Berichten
- 349
- Lid sinds
- 15 Jaar
Re: HTML/CSS Verticaal centreren
Zoiets?
Code:<div style="display: table;height: 400px;position: relative;overflow: hidden;"> <div style="position: absolute;top: 50%;display: table-cell; vertical-align: middle;"> <div style="position: relative;top: -50%"> Inhoud </div> </div> </div>Laatst aangepast door Bas Cooijmans : 04-01-2011 om 22:44
