Ik ben bezig met het leren van css. en nu vraag ik me af. is er een code die er voor zorgt dat mijn footer altijd helemaal onderaan de pagina staat. Ook als mijn pagina niet helemaal opgevuld is (Dus dat die dan niet daarboven al weergegeven word). Als die wel opgevuld is moet die gewoon te zien zijn als je helemaal naar beneden scrolt..

Je moet gewoon float: left; altijd gebruiken, ook bij contentoppervlakte etc.

Hallo Robbin,

Bekijk even de bron van mijn website (h p r o d u c t i o n s . n l).
Daar zit ook een footer, deze is volgens mij op de plaats zoals jij hem ook wilt.

Mocht je er niet uitkomen, stuur me gerust een PB, Email of MSN.

Huso.

http://www.cssstickyfooter.com/

Dit heeft mij ook enorm geholpen. Succes ermee!

Bedankt Quinten van G. dat was precies wat ik zocht! het werkt helemaal!

Afhankelijk van je scripting geef je de container, of content div gewoon een overflow:auto; mee.. deze zal dan in de breedte van de hele layout zijn plaats nemen en de hoogte die hij nodig heeft (wordt bepaald door inhoud van de div) in nemen.

Als je daar dan je footer onder plaatst zal deze er onder blijven plakken.

Dus zoiets;
<div id="container">

<div id="content">
Bla bla
</div><!-- // content sluiten -->

<!-- eventueel een sidebar -->
<div id="sidebar">
bla bla
</div>
<!-- Sidebar sluiten -->


</div> <!-- container sluiten -->

#container {
overflow:auto;
width:1000px;
}
#content {
width:700px;
float:left;
}
#sidebar {
width:300px;
float:left; /* Overbodig, maar weetniet zeker */
}

Even een snel voorbeeld uit de losse hand.. Wanneer content groter zal zijn dan de sidebar zal de container meerekken, en andersom.

EDIT:
Oh zie nu dat je hem gewoon aan de onderkant van je browser wilt plakken, dan is het gewoon een kwestie van position:absolute;bottom:0px;left:0px;width:XXXpx; height:XXXpx; aan de footer meegeven..

Origineel gepost door Robin L

Afhankelijk van je scripting geef je de container, of content div gewoon een overflow:auto; mee.. deze zal dan in de breedte van de hele layout zijn plaats nemen en de hoogte die hij nodig heeft (wordt bepaald door inhoud van de div) in nemen.

Als je daar dan je footer onder plaatst zal deze er onder blijven plakken.

Dus zoiets;
<div id="container">

<div id="content">
Bla bla
</div><!-- // content sluiten -->

<!-- eventueel een sidebar -->
<div id="sidebar">
bla bla
</div>
<!-- Sidebar sluiten -->


</div> <!-- container sluiten -->

#container {
overflow:auto;
width:1000px;
}
#content {
width:700px;
float:left;
}
#sidebar {
width:300px;
float:left; /* Overbodig, maar weetniet zeker */
}

Even een snel voorbeeld uit de losse hand.. Wanneer content groter zal zijn dan de sidebar zal de container meerekken, en andersom.

EDIT:
Oh zie nu dat je hem gewoon aan de onderkant van je browser wilt plakken, dan is het gewoon een kwestie van position:absolute;bottom:0px;left:0px;width:XXXpx; height:XXXpx; aan de footer meegeven..

Slecht voorbeeld en niet cross-browser. Omslachtig.

Origineel gepost door Quinten van G.

http://www.cssstickyfooter.com/

Dit heeft mij ook enorm geholpen. Succes ermee!

Betere oplossing is er niet.