[CSS] Ruzie met achtergrondkleur container...

[JeroenGans]

Hallo,

Dit zal wel een enorme "noob" vraag zijn, maargoed.. ik heb een probleem met de achtergrond van mn container, deze moet egaal wit zijn (#FFFFF) en daarvoor heb ik de volgende css geschreven:

Cascading Stylesheet:

.container {
background:#FFFFFF;
background-color:#FFFFFF;
text-align: left; 
margin: 0 auto; 
width: 650px;
height: auto;
 

En de bijbehorende html:

HTML:

<div class="container">
    <div class="header">
    </div>
    <div class="linkerbalk">
            <p>Onzin, onzin en nog eens onzin...    </p>
            </div>
            <div class="content">
                       Hier een paar include's voor php bestanden...        
            </div>
</div>

IE 6 pakt dit zonder problemen, maar Firefox verslikt zich, en de container blijft hier doorzichtig...

Kijk hier maar!

Zoals ik al zei, het zal wel heeeel simpel zijn, als ik een vaste height mee geef werkt ie, maar dan valt mn tekst (die variabel is) van mn container af..

Misschien hebben jullie de voor de handliggende oplossing

[JHS]

Aangezien er floats in je container staan rekt je container niet zomaar mee met die floats. Je zal daarom die floats moeten 'clearen'. Het makkelijkst is om overflow: auto; aan je container mee te geven . Zie ook deze testcase.

[Verwijderd]

je linker balk en je content floaten waarschijnlijk?

ik gebruik altijd een footer die dan weer niet float, maar wel binnen de container valt.
wel ffkes clear:both in de footer zetten.

[ Voor 13% gewijzigd door Verwijderd op 11-05-2006 09:23 ]

[BtM909]

Door simpelweg je probleembeschrijving (niet je titel, want die zegt niet zoveel: probeer daar de volgende keer aan te denken) in google te frotten, krijg ik direct hits die uitleggen over het clearen van floats

Da's dan ook de reden dat dit topic dichtgaat. Dit soort basic vraagjes komen wekelijks voor