heel simpel:


html,body, #container {
    height: 100%;
    margin: 0px;
    padding: 0px;
}

#container{
    width: 500px;
        background-color: #000; 
}


HTML:
<div id="container">
     100% height !
</div>



edit:
was nog margin en padding 0 vergeten
Hier kun je het antwoord wel ergens in vinden:

http://css.maxdesign.com.au/floatutorial/index.htm

Het had met iets te maken een div onderaan en dan clear:both erop toepassen.

Weet alleen niet meer waar precies sry :S

#Kalle

FF gaat zwaar problemen ermee krijgen geloof me. Min-height helpt, maar er zal altijd een kant zijn die dan niet goed doortrekt als er te veel info staat. Ligt eraan als 2 of meer vlakken gebruikt.
@CB2thephp
min- of max- werkt niet bij IE, en hiermee krijg je een 100% height div. Zonder problemen.
Mm, dat had ik er al in :-(

Heb nu nog een div eroverheen en die ook op 100% gezet en lukt me niet echt :-(

Het is al gelukt :-D

Heb min-height: 100%;
bij de container gedaan :-)
voor ie moet je je dan nog wel
dit er bij zetten
//height:100%;
inclusief //, want ie leest geen min- of max-
ok thx :-)
Tja Kalle de min-height was op FF bedoeld sry voor mijn verkeerde formulering

Reageren