Beste,

Ik heb een probleem met mijn layout in Internet explorer 7. Natuurlijk doet hij het goed in Firefox en wonderbaarlijk ook in IE8. Alleen wilt mijn layout niet meewerken in IE7.

Het om deze layout:

~Fixed~

Het gaat om de content die niet doorloopt in IE7, niet om het menu (die weet ik wel te fixen). Ik denk dat het iets te maken hebt met clear:both die op de verkeerde plaatst staat of ergens mist.

Heb van alles al geprobeerd.

Thanks!

- Lorenzo

Komt doordat er floatende elementen in de container zitten. Probeer eens 'overflow:auto' of 'overflow:hidden' aan de container toe te voegen. Beide even proberen, ik haal ze altijd door elkaar :-)

In IE7 ziet het er bij mij precies hetzelfde uit als in Firefox.

Als het een overflow betreft dan moet je de hidden variant gebruiken (dit gebruik je doorgaan in plaats van clear: both;) en is vele malen handiger. Wanneer je een float element binnen je div hebt en je float element wordt groter dan je div dan dien je een overflow: hidden; op je div te zetten. Succes.

Vervang

Code:

#container #content { background: url('../images/slice_03.png') repeat-x #F4F4F4; padding: 15px; border-bottom: 2px solid #DFDFDF; margin-bottom: 10px }

eens door

Code:

#container #content { background: url('../images/slice_03.png') repeat-x #F4F4F4; padding: 15px; border-bottom: 2px solid #DFDFDF; overflow: hidden; margin-bottom: 10px }

Ontzettend bedankt Remi B. Het probleem is dankzij jou verholpen, goeie ervaring meegenomen voor de toekomst :)

Geen dank, de personen boven mij zeiden eigenlijk hetzelfde. Overflow: hidden zorgt ervoor dat de div mee rekt met andere divs die er in staan, dus dat de losse divs er niet gewoon overheen lopen.

Ja klopt, iedereen eigenlijk bedankt voor het helpen/meedenken en sowieso de moeite namen om dit topic even te bekijken.