[css]footer gaat mee omhoog

bottom: 0px;

Nee, maakt niets uit, hij blijft omhoog kruipen.....

Bind de div dan vast aan een draatje :P

Of:
Zet aan het eind van je container:
<br clear="all">

(ik bedoel net voor het einde
vb:)

<div id="container">
  <div id="header"></div>
  <div id="left"></div>
  <div id="right"></div>
  <div id="footer"></div>
  <br clear="all" />
</div>

dit is niet valid xhtml1.0 strict
maar dat gebruik je toch niet dus:
BOEIE!!

Ik hoop dat het je helpt :-)

Nee werkt ook niet, helaas.

Je moet allereerst de div inhoud nog afsluiten ;)

Wat je kan doen is de inhoud een vaste grote geven en dan de overflow op auto zetten.

Dan kan de code van de footer zijn:

div#footer {
  margin: 0;
  padding: 0;
}

Plus dan nog de opmaak..

Danny schreef op 23.05.2006 22:52

Je moet allereerst de div inhoud nog afsluiten ;)

Wat je kan doen is de inhoud een vaste grote geven en dan de overflow op auto zetten.

Dan kan de code van de footer zijn:

div#footer {
  margin: 0;
  padding: 0;
}

Plus dan nog de opmaak..

Mijn div's zien er zo uit:

<div id="header">
</div>
<div id="menulinks">
</div>
<div id="menurechts">
</div>
<div id="inhoud">
</div>
<div id="footer">
</div>

Ik heb inhoud wel afgesloten.

#inhoud staat op hoogte 90% en overflow:auto

<br clear="all">
zou echt moeten werken als je het goed toepast..

Met 100% height zal ie nooit omhoog kruipen, altijd onderaan :P. ---->

je css

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

#test {
    width: 250px;
        background-color: #FF88FF; /*geen idee wat voor kleur /* 
}

je html

<div id="test">
     Een 100% height !
</div>

Mijn div's zien er nu zo uit maar het werkt nog steeds niet, misschien niet goed gedaan?


<!--begin div container-->
<div id="container">

<div id="header">
</div>
<div id="menulinks">
</div>
<div id="menurechts">
</div>
<div id="inhoud">
</div>
<div id="footer">
</div>

<br clear="all" />

<!--einde div container-->
</div>

@Elsy

Ik dacht dat die omhoog kroop, maar hij valt buiten beeld. Een oplossing:

[b]<div class="pagina">[/b]
<div id="header">
</div>
<div id="menulinks">
</div>
<div id="menurechts">
</div>
<div id="inhoud">
</div>
<div id="footer">
</div>
[b]</div>[/b]

En dan in je .css

body, html {
height: 100%;
width: 100%;
}

.pagina {
height: 100%;
width: 100%;
}

// en de rest