div groeit niet

[Verwijderd]

Hallo,

Volgens mij een maar al te bekend probleem, mijn divje groeit niet mee met de content.
1 sitewrapper div met daarin een 2 divjes: linker-menu en rechter-content

Cascading Stylesheet:

.sitewrapper {
    background-color: white;
    width: 820px;
    margin-left: auto;
    margin-right: auto;
    min-height: 800px;
    height: 100%;
}

.left {
    list-style: none;
    line-height: 7px;
    float: left;
}

.right {
    width: 630px;
    height: 1000px;
    float: left;
}

Ik heb al zitten kloten met min-height, height, absolute positionering en kom er niet uit.

[Puck]

Je moet je floats clearen! Zie http://www.quirksmode.org/css/clearing.html

[dB90]

De container ook floaten, dan hoef je niet te clearen

[Tarilo]

Zoals Puck al zegt moet je idd je floats clearen door middel van een extra div en dan in de css van die div clear:both zetten.

[Boelie-Boelie]

@7laurens7: dat zegt die link van Puck helemaal niet.. Sterker nog, daar staat jouw tip als 'the old solution'. De tip van db90 zou ik ook niet opvolgen. Lees gewoon wat er op Quirksmode staat.

[Kiphaas7]

Boelie-Boelie schreef op zondag 17 mei 2009 @ 00:39:
@7laurens7: dat zegt die link van Puck helemaal niet.. Sterker nog, daar staat jouw tip als 'the old solution'. De tip van db90 zou ik ook niet opvolgen. Lees gewoon wat er op Quirksmode staat.

In 95% van de gevallen kan je inderdaad beter doen wat op quirksmode staat. Echter, in die overige 5% van de gevallen waar je iets daadwerkelijk met overflow moet doen, is de extra clearing div wel zo handig om te onthouden.

[dB90]

Check position is everything. Alle methodes en onderaan:

If you have the above described problem, one way to prevent the clearer from clearing the adjacent float column is to make the container a float itself. Of course once you float the container you no longer need easyclearing, sigh...