Inconsequentie in uitlijning afbeeldingen

[Tommy The Cat]

Eergisteren heb ik na lang (inlees)werk eindelijk een vernieuwde website voor de schilderijen van m'n moeder afgerond.

Gisteren ontdekte ik dat, in tegenstelling tot Opera en Firefox, IE de afbeeldingen niet goed uitlijnt.

Je ziet dat er op elke pagina zes afbeeldingen staan. Elke afbeelding heeft dezelfde hoogte, namelijk 145 pixels. Ten behoeve van de uitlijning heb ik de volgende CSS rule toegepast:

code:

#inhoudDiv img {
    margin-top: 30px;
}

Verder is alle content gecentreerd (inhoudDiv heeft twee child divs).

Maar zoals je waarschijnlijk zelf in de browser al ontdekt als je IE gebruikt staat op de eerste pagina het schilderij linksonder verder naar beneden dan het schilderij rechtsonder. Dat geldt ook voor een aantal andere schilderijen op de volgende pagina's. In Opera en in Firefox staat alles wel goed uitgelijnd.

Ik weet niet waar dit aan ligt. Ik kan in de code geen rare dingen vinden, geen extra line breaks of extra margins/paddings ofzo. Ik heb padding: 0; toegevoegd omdat er wellicht sprake was van iets vergelijkbaars als het zogenaamde box probleem, maar dat heeft niet mogen baten.

Zonet heb ik Opera geupdate naar versie 9.5. Nu is de uitlijning bij Opera ook verkeerd.

Iemand ideeen waar het probleem kan liggen?

[tonyisgaaf]

d'r staat een <p> in je "testdiv1" tussen je 2e en 3e <a><img></a>

[ Voor 5% gewijzigd door tonyisgaaf op 16-06-2008 17:19 ]

[Tommy The Cat]

tonyisgaaf schreef op maandag 16 juni 2008 @ 17:18:
d'r staat een <p> in je "testdiv1" tussen je 2e en 3e <a><img></a>

Verrek je hebt gelijk. Dat is de oplossing. Hoezo blind?

Dank maal 3.

Edit: dat is natuurlijk nog over van de tekst: put content for ..div here...

[ Voor 14% gewijzigd door Tommy The Cat op 16-06-2008 17:26 ]