de titel zegt het al:

hoe krijg ik een plaatje horizontaal en verticaal precies in de midden van de pagina. op alle resoluties
ja met css
Hoe groot is plaatje.

Als het een geen groot plaatje is (kleiner dan 800 x 600), dan zou ik voor de negatieve margin gaan.
Waarom? Omdat wanneer je gaat minimaliseren de div half verdwijnt met negatieve margins


#div{
	width:500px;
        height:500px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -250px; 
        margin-top: -250px; 
        background-color: #000;
}


edit:
de waarde bij de negatieve margins moet altijd de helft van de waarde zijn bij de hoogte/height en een minnetje erbij.
Idd Kalle, daarover staat ook een mooi artikel op phpfreaks :) werkt perfect
Nah daar heb ik niet van, maar ik heb laatst wel een hor en ver center gemaakt zonder negatieve margins. Zodat hoe klein je het ook maakt je alles blijft zien. Erg handig.
dit werkt inderdaad perfect

Reageren