Lodret centrering af indhold i div

et gæt:

style="vertical-align: middle"

Skal det på billedet eller div'en?

det virker vist ikke... jeg kigger lige på noget andet

det her virker, men jeg ved ikke rigtig om det er det mest optimale:

<div style="height:70px;">
<div style="position: relative; height: 25%"></div>
<img src="gfx.jpg" style="position:relative; height:40px">
</div>

ok, kegle her!! mon ikke vi kan nøjes med:

<div style="height:70px;">
<img src="gfx.jpg" style="position:relative; top: 25%">
</div>

nej det dur heller ikke, det sætter bare billedet en fjerdedel fra toppen. Det er midten af billedet der skal sidde i midten af div'en... Man kan gøre det med javascript i hvert fald, men om man kan med css alene, det ved jeg ikke.. sorry

Jeg synes bare det lyder underligt at man ikke kan med CSS.

modificer socle's kode til:
<div style="height:70px;">
<img src="gfx.jpg" style="position:relative; top: 50%; margin-top: -20px;">
</div>

så skulle det virke.

swuppe: rigtigt, givet at grafikken altid er 40px høj. Jeg arbejdede på en måde der er uafhængig af grafikkens størrelse. Hvis det er det der skal til, så skal swuppe have points'ne. Man må jo læse hvad der står i spørgsmålet...

og så skift lige margin-top til padding-top

socle: det er klart at det kræver en kendt højde for at virke. Nej det skal være margin-top, da negativ padding ikke er tilladt ifølge specifikationerne.

swuppe: ok. men sætter margin ikke kun rum til siden (body'en)?

socle: nej margin sætter afstanden imellem alle boks-elementer medmindre de er taget ud af sidens flow vha. position:absolute

ok, det var faktisk ret revolutionerende for mig. jeg har altid troet at margins udelukkende satte sidens rum, og har derfor altid brugt padding. Tak for tippet

Det er jo derfor vi er her 'o)

swuppe >> læg et svar.

så'gerne....