PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
V

div in midden pagina

Door Vincent op 27-01-2007 09:59
1.038 views
Ik wil een div centreren in het midden van de pagina.
Ik heb wat gevonden maar ik weet niet of het goed is en of er een betere en nettere manier is. Weet iemand dat? Hier is mijne:


#container { 
width:100%; 
top:50%; 
left:0; 
position:absolute; 
} 
#wrapper { 
border: 1px solid #000000;
width:700px; 
height: 500px;
top:-100px; 
left:50%; 
margin-left:-350px; 
position:absolute; 
} 




<body>
<div id="container"> 
<div id="wrapper"> 
Je gecentreerde content 
</div> 
</div> 
</body>

M
Mebus Hackintosh
27-01-2007 10:04
Voeg dit toe: margin: auto; aan #container

Moet je wel die width: 100%; kleiner maken anders werkt het niet

O ja dit is alleen maar voor horizontaal te centreren

GR. mebus
V
Vincent
27-01-2007 10:18
Oke maar ik wil niet alleen horizontaal.. hoe werkt het dan?
M
Mebus Hackintosh
27-01-2007 10:54
Jan koehoorn had hier eens een voorbeeldje voor gemaakt moet je ff aan hem vragen of wachten tot ie online komt.. Je ken ook ff zoeken op topics met de naam "Verticaal centreren"

GR. mebus
V
Vincent
27-01-2007 11:03
Bedankt man! Ja jij kan er wat van. :) De echte css master ;) weet altijd de oplossing.
M
Mebus Hackintosh
27-01-2007 11:10
@Jan,, krijg je soms een emailtje als je naam word genoemd in een topic ofzo?:p Je bent er altijd op de juiste momenten:D:p

GR. mebus
V
Vincent
29-01-2007 19:57
Jan waar staat in jouw script dat sterretje voor?:

		* {
			margin: 0px;
			padding: 0px;
		}
A
Arjan Schuurman
29-01-2007 20:06
weet neit... miss body? / hele pagina?
V
Vincent
29-01-2007 20:14
body iedergeval niet want als ik de * verander naar body gaat hij fout.
Hele pagina = body toch?

Reageren

Inloggen om te reageren