[IE7] Container met floating divs

[Verwijderd]

Ik heb al gezocht voor het volgende probleem, maar ben nog geen werkende oplossing tegengekomen, al lijkt dit me toch een veelvoorkomend probleem:

Ik heb dus een container met daarin 3 floating divs. De container heeft een achtergrondkleur en moet dus meeschalen met zijn children.

overflow:hidden op de container heeft tot nu toe altijd goed zijn werk gedaan, maar in IE7 is hierdoor de overige content ook echt hidden.

"The easy clearing method", een div met clear:both onderin de container schijnt ook niet te werken, dit geeft het resultaat van een overflow:visible en de container schaalt dus niet mee met de content.

Heeft iemand al een oplossing gevonden voor dit probleem?
Ik hoor het graag.

[dominic]

overflow:auto werkt bij mij altijd prima?

[Verwijderd]

dominic schreef op vrijdag 15 december 2006 @ 16:21:
overflow:auto werkt bij mij altijd prima?

Ook al geprobeerd, maar dan krijg je gewoon scrollbalken in IE7.

[DeepFreeze.NL]

Misschien heb je hier wat aan:

http://www.alistapart.com/articles/fauxcolumns/

[Verwijderd]

DeepFreeze.NL schreef op vrijdag 15 december 2006 @ 16:22:
Misschien heb je hier wat aan:

http://www.alistapart.com/articles/fauxcolumns/

Ben bang van niet, dit probleem wordt daar niet behandeld.

[Cartman!]

Die clearing div niet in de container doen maar er onder doen misschien :

code:

<div class="container">
    <div class="left">meuk</div>
    <div class="content">meuk</div>
    <div class="right">meuk</div>
</div>
<div style="clear:both;">&nbsp;</div>

[crisp]

Verwijderd schreef op vrijdag 15 december 2006 @ 16:12:
overflow:hidden op de container heeft tot nu toe altijd goed zijn werk gedaan, maar in IE7 is hierdoor de overige content ook echt hidden.

En dat zou vziw ook gewoon moeten werken in IE7. Heb je misschien een compleet voorbeeld?

[Verwijderd]

toch moet overflow: auto werken
voor IE6 moest je dan ook nog een width meegeven. Maar meestal is 100% daarvoor geschikt.

[Verwijderd]

Het is opgelost

Ik heb de site al een tijdje geleden gemaakt (toen ik nog geen rekening hoefde te houden met IE7) en laadde dmv conditional comments een stylesheet in voor IE om min-height en min-width van bepaalde elementen te vervangen door height en width.
IE7 behandelt height echter niet meer als min-heigth en daarom werd de content ook echt hidden

Heb nu echter de conditional comments aangepast zodat de stylesheet alleen nog werkt voor < IE 7 en alles doet het weer.
Sorry, beetje stomme fout van mij .. In ieder geval bedankt voor de reacties!