[IE7] Ruimte tussen divs

[ViNyL]

In Internet Explorer 7 blijf ik een vervelend probleem houden.

Ik heb 2 divs: content en bottom. In bottom zit een plaatje wat de onderkant van de site is.

In alle browsers sluit bottom keurig aan op content behalve in IE7:



De rode lijn is van bottom, de groene lijn van content..

Waarom blijft er zoveel ruimte in "bottom" zitten terwijl in andere browsers het er prima uit ziet? Dit is bijvoorbeeld Firefox. Maar ook in IE8, Safari en Chrome ziet het er goed uit..



Mijn css:

Cascading Stylesheet:

div#bottom {
margin: 0px;
padding: 0px;
border: 1px solid red;
}

div#content {
background-image:url(images/bg-wrapper.png);
margin: 0px;
padding:0px;
text-align: left;
overflow: hidden;
border: 1px solid green;
}

[TeeDee]

Duidelijk. Betreft het hier de site als in je vorige topic?
Die site even bekeken in IE7 en ik zie geen gekke dingen.

Overigens zou het kunnen komen door je clear, ik meen me te herinneren dat deze een minimale hoogte van +/- 10px in IE6 (en 7 ook???) krijgt.

Zet de line-heigt in .clear eens op 1px, 1% of wat dan ook.

[ Voor 46% gewijzigd door TeeDee op 10-09-2008 10:07 ]

[ViNyL]

Hmm raar probleem. Het is inderdaad dezelfde site.

Zowel thuis als op mijn werk zie ik die rand zo vreemd staan.. En jij ziet hem wel goed...Fijn

TeeDee schreef op woensdag 10 september 2008 @ 10:05:
Duidelijk. Betreft het hier de site als in je vorige topic?
Die site even bekeken in IE7 en ik zie geen gekke dingen.

Overigens zou het kunnen komen door je clear, ik meen me te herinneren dat deze een minimale hoogte van +/- 10px in IE6 (en 7 ook???) krijgt.

Zet de line-heigt in .clear eens op 1px, 1% of wat dan ook.

Helaas heb ik line-heigth ook al geprobeerd en dat lost niets op...

[ Voor 63% gewijzigd door ViNyL op 10-09-2008 10:13 ]

[TeeDee]

CTRL-F5

[ViNyL]

Solved!

Ik heb line height niet in de .clear class gezet maar in de bottom, en dan is de ruimte verdwenen!

Thanks for your help!

[Krooswijk.com]

Bij mij deed de overflow: hidden het

[css] divs sluiten niet aan

[BtM909]

Voortaan even wat beter debuggen en je problemen isoleren (bijvoorbeeld met Firebug )