horizontaal en verticaal centeren img

Door Young Roger op 28-02-2009 09:51

1.216 views

Ik heb een div met een grootte die constant hetzelfde blijft, nu wil ik de afbeelding er in horizontaal en verticaal centreren. Het enige wat vervelend is, is dat de afbeelding van grote kan verschillen.. text-align:center zou wel kunnen werken voor horizontaal maar vertical-align:middle werkt niet :/

Tom K

28-02-2009 13:03

ok, je moet gaan werken met position: absolute;
de code wordt dus ongeveer zo:


.div
{
     position: absolute;
     top:50%;
     left:50%;
     margin-left: -GROOTEpx;
     margin-top: -GROOTEpx;
}

hier vervang je GROOTE bij margin-left naar de breedte van de afbeelding in px gedeelt door 2.(dus bij 50px wordt het margin-left: -25px;)

ditzelfde doe je bij margin-top, maar dan met de hoogte van de afbeelding.

Natuurlijk moet je de div/afbeelding in css nog een width en height meegeven

Reageren

Inloggen om te reageren