Multidesk.be » Forums » Webdesign & graphics » div horizontaal en verticaal centreren

  • Pagina
  • 1 van 1
0 gasten lezen dit onderwerp.
^ Onderwerp geschreven door een gast op donderdag 7 juli 2011 om 12:57:42.
Beste lezers,

ik wil graag mijn div centreren in het midden van de pagina. Nu is dat bijna gelukt met deze css code:

.main{
position: absolute;
margin: 0 auto;
width: 800px;
height: 400px;
top: 50%;
left: 50%;
margin-left: -400px;
margin-top: -200px;
background-color:#FF0000;
}

het enige probleem is dat de hoogte van de div kan verschillen door de inhoud, hier wordt via de margin top de helft van de huidige hoogte aangegeven en dan werkt deze. Heeft iemand hier een oplossing voor?

Alvast bedankt!
^ Reactie #1 geschreven door Martijn op donderdag 7 juli 2011 om 18:13:34.
Martijn heeft nog geen avatar toegevoegd
Multiviteit: 13785
Beheerder
Je zou een javascriptje kunnen gebruiken dat de marge gaat aanpassen op basis van de hoogte van de div. Je zou ook CSS expressions kunnen gebruiken, maar dat is niet zo proper en niet echt cross-browser compatibel.
Met vriendelijke groeten,
Martijn Wouters
^ Reactie #2 geschreven door Kilian op donderdag 7 juli 2011 om 23:35:33.
Kilian heeft nog geen avatar toegevoegd
Multiviteit: 1629
Andere optie is om met een als tabel gedefineerde div te werken, zoals hier wordt uitgelegd:
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

Randinformatie

@Martijn: waar is je avatar? :-)
  • Pagina
  • 1 van 1

Snel-antwoordformulier
Toon uitgebreid antwoordformulier Bericht nalezen Bericht plaatsen