[CSS] Pagina 100% hoog met footer

Pagina: 1
Acties:

Acties:
  • 0 Henk 'm!

Verwijderd

Topicstarter
Goedemorgen,

Ik ben bezig met het maken van een website, heb nog niet specifiek een code.

Er is een container DIV en een footer div, dus als het ware dit:
code:
1
2
3
4
<div id="container">
</div>
<div id="footer">
</div>


De footer word nu 200 pixels hoog en moet onderaan de pagina blijven plakken.
De container div moet de rest van de pagina helemaal in beslag nemen (in verband met achtergrond).

Hoe kan ik dit in CSS regelen dat het overal werkt? (IE, FireFox)?

Alvast bedankt voor jullie tips,
Rick

Acties:
  • 0 Henk 'm!

  • juhet
  • Registratie: November 2007
  • Laatst online: 07:46
googlen op 'faux columns' levert meer dan genoeg resultaten op. En volgens mij heeft iemand hier genaamd bosmonster een mooi voorbeeldje gemaakt. Ooit zelf eens gevonden met de searchfunctie.

3 leuke cadeautips voor een theeliefhebber!


Acties:
  • 0 Henk 'm!

  • JefSnare
  • Registratie: Augustus 2007
  • Laatst online: 09-11-2020
Zie hier: Een div tot bodem van andere div

dezelfde vraag alleen misschien even net wat anders dan wat jij zoekt ;)

EDIT: Leesvoer: http://www.gigadesign.be/2006/03/faux-columns-maken/

[ Voor 20% gewijzigd door JefSnare op 29-10-2009 10:39 ]

Twitter Flickr


Acties:
  • 0 Henk 'm!

  • Spinal
  • Registratie: Februari 2001
  • Laatst online: 08-09 14:12
juhet schreef op donderdag 29 oktober 2009 @ 10:20:
googlen op 'faux columns' levert meer dan genoeg resultaten op. En volgens mij heeft iemand hier genaamd bosmonster een mooi voorbeeldje gemaakt. Ooit zelf eens gevonden met de searchfunctie.
Verplichte bladwijzer voor iedereen :+ http://www.bosmonster.nl/html/centered_with_footer.html

Full-stack webdeveloper in Groningen


Acties:
  • 0 Henk 'm!

  • JefSnare
  • Registratie: Augustus 2007
  • Laatst online: 09-11-2020
Wat een mooi voorbeeld! ;)

*bookmark

Twitter Flickr


Acties:
  • 0 Henk 'm!

  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 17-09 12:52

Bosmonster

*zucht*

Dan moet ik er toch maar eens een serieus en wat netter voorbeeld van gaan maken :P

Acties:
  • 0 Henk 'm!

  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Wil je volgende keer wel aangeven wat je allemaal hebt geprobeerd, waar je op hebt gezocht, wat je hebt gevonden en waarom dat geen oplossing voor je probleem was.

Dit is nu zo vaak voorgekomen dat je het zowel via Google als in de GoT-search terug had kunnen vinden. Je mag best topics openen, maar we verwachten wel dat je zelfinzet toont.

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


Acties:
  • 0 Henk 'm!

  • JefSnare
  • Registratie: Augustus 2007
  • Laatst online: 09-11-2020
Bosmonster schreef op donderdag 29 oktober 2009 @ 11:18:
Dan moet ik er toch maar eens een serieus en wat netter voorbeeld van gaan maken :P
offtopic:
Hoe simpeler het voorbeeld hoe makkelijker voor beginners, misschien een advanced versie web 3.0? :P. Bedankt auteur _/-\o_

Twitter Flickr


Acties:
  • 0 Henk 'm!

Verwijderd

Topicstarter
Het is al gelukt met dit voorbeeld:
http://www.bosmonster.nl/html/centered_with_footer.html

Heel erg bedankt, het was bij mij fout gegaan met de padding die je met de hoogte van de footer op die clear: both moet zetten..

@Mods: Ik wil niet negatief zijn, maar vind jullie niet bepaald uitnodigend om terug te komen naar hier en een topic aan te maken. Snap natuurlijk wel dat jullie geen zeik topics willen, maarja..
Pagina: 1