Ik wil mijn div's die een plaatje laten zien in het midden van de pagina laten zien.. alleen weet ik niet hoe!

Background-position: center; werkt niet wat is de sleutel tot dit raadsel?

Alvast bedankt,
D.Ester

Alles in bijv. een <div id="container"> zetten en vervolgens aan de #container in de stylesheet de waardes: margin: 0 auto; geven?

Dat werkt niet..

Bedoel je verticaal of horizontaal centereren?

Verticaal.

Ja, dat is inderdaad wel enigzins ruk om te doen.
body 100% hoog maken en dan daarin de bg zetten mogelijk?
(dus zonder div)

Anders moet je hoogtes gaan berekenen met javacsript.

probeer eens
div {
padding:0px;
margin:0 auto;
}

align-top: 50%;

Origineel gepost door Innovative

probeer eens
div {
padding:0px;
margin:0 auto;
}

Werkt niet..
Aanvullend bericht:

Origineel gepost door John2008

align-top: 50%;

Dit is vanaf de hoogte.. het moet vanaf de lengte.. en align-left of align-right op 50% zetten is geen optie.

#container{width:800px; margin:0 auto;}

werkt gewoon perfect ;-)

nope: dit is de code:

in je body:

body {
margin: 50% auto 0 auto;
text-align: center; <--- nodig voor ie>
}

#container
{
width: .....;
height: 500px;
top: -250px;
}

dit zou moeten werken

Had niet gelezen dat je verticaal iets wou centreren.

div#container{width:300px; height:300px; margin:-150px 0 0 -150px top:50%; left:50%; position:absolute}

Zou het moeten doen. Negatieve margin = breedte van je container / 2 idem voor de hoogte.