Afbeelding verticaal centreren in IE

[GWTommy]

Hallo,
Na al uren iedere CSS/JS hack te hebben geprobeerd, ben ik nog steeds geen steek verder.
Het zit zo. Ik heb een div, vierkant. Daarin een link met daarin een afbeelding. De afbeelding moet verticaal gecentreerd zijn als horizontaal. Het gaat om thumbnails, en het zijn er behoorlijk wat. Het moet dus automatisch gaan. In FF gaat dit perfect met line-height en vertical-align. Maar natuurlijk doet IE7 weer ***.

Mijn structuur ziet er dus zo uit:

HTML:

<div>
  <a><img /></a>
</div>

Cascading Stylesheet:

div { line-height: 160px; }
img { vertical-align: middle; }

Ik ben op zoek naar een simpele oplossing waarbij ik niet de hoogte van de afbeelding hoef te gebruiken (dus dynamisch) en geen 15 divs om mijn afbeelding hoef te plaatsen. Dit moet toch gewoon mogelijk zijn. In FF werkt het perfect, in IE7 staat de afbeelding boven aan de div..

Vanalles al geprobeerd met display: table(-cell), etc.. Niks werkt, er is geen beweging in te krijgen. Word er onderhand wel een beetje gek van..

[Jey]

Weer een standaard ie7 bug bug bug bug bug
http://www.jakpsatweb.cz/...ical-center-solution.html
zo doe ik het altijd
hoewel ik ie7 (en 8 en 9) volledig wil negeren vanwege nalatigheid.

[LinkinTED]

Cascading Stylesheet:

div { line-height: 160px; vertical-align: middle; }

Ik neem aan dat je je <div> wel een hoogte meegeeft...?

[hiekikowan]

Je div voorzien van padding is geen optie? Dit wil ook nog wel eens helpen... alleen moet je dan een bepaalde berekening uitvoeren om te weten hoeveel padding je moet geven...

Zoiets:

DIV is 300px
IMG is 250px
(300-250)/2 = 25px padding.

[Guillome]

en margin:auto?

Werkt niet

[ Voor 40% gewijzigd door Guillome op 08-04-2011 09:26 ]

[Klaasvaak]

Voor IE 7 moet je een spatie toevoegen.

<div><a href="#""><img src="" /><!--IE7_space--> </a></div>

Ik denk dat er een textNode nodig is om line-height correct te laten werken.

[GWTommy]

Wow!
Zo simpel, dat ik daar niet over na heb gedacht.!
Bedankt iedereen.

[moozzuzz]

XHTML-syntax-zooi droppen kan soms ook helpen.