[CSS] Div positie/hoogte niet naar verwachting in IE

[Verwijderd]

Ik maak voor een website gebruik van de volgende layout:

http://217.121.58.174/test/test2.htm

bekend van crisp uit dit topic:

[rml]crisp in "[ css] 3 rows, 2 vast, de ander zoekt het..."[/rml]

Het probleem wat optreed is zichtbaar in de bovenste URL. De onderste rode balk zou 80px hoog moeten zijn, maar is dat kennelijk niet. Het plaatje wat erin staat is namelijk 80px hoog, en er is duidelijk een marge onder de afbeelding waar te nemen. Bij de bovenste balk gaat het wel goed.

Dit probleem treed alleen op in IE. Firefox, Netscape en Opera doen het goed. Weet iemand hier een oplossing voor? Voor de broncode kun je denk ik het best even de bovenstaande URl openen, omdat het nogal een lap is.

edit:
Opmerkelijk is dat wanneer is het plaatje eruit haal, de rode balk opeens wel 80px hoog wordt:
http://217.121.58.174/test/test.htm

[ Voor 10% gewijzigd door Verwijderd op 02-08-2004 12:45 ]

[Verwijderd]

code:

img{display:block}

En valideer je document is. Die van crisp bevatte fouten.

[RwD]

je hebt het zeker opgelost?
Ik heb het probleem niet

[ Voor 5% gewijzigd door RwD op 02-08-2004 12:47 ]

[Verwijderd]

Verwijderd schreef op 02 augustus 2004 @ 12:45:

code:

img{display:block}

En valideer je document is. Die van crisp bevatte fouten.

Dat scheelt een stuk. Voortaan maar niet zo snel naar GoT grijpen. Bedankt.

btw: Validatie is toch in orde?

[Verwijderd]

Die PI (Processing Instruction) die je gebruikt hoort niet in HTML thuis. Zet een comment voor je DOCTYPE om IE in quirks mode te zetten. Verder gebruik je in HTML geen <br />, maar <br>.

Het valideert wel, omdat <br /> in HTML staat voor:

code:

<br>
&gt;

... ook wel 'NET' genoemd. Niet dat 1 browser het op die manier ondersteund.