login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Footer onderaan

Offline Rens - 25/07/2006 20:25
Avatar van RensGouden medaille

Crew algemeen
Hoi,

ik heb de volgende codes:
HTML en CSS.
Hoe krijg ik hier een footer onder?
Ik had al wat zitten spelen met het volgende:
  1. div.footer
  2. {
  3. position: relative;
  4. border: 1px solid #000000;
  5. border-top: 0px;
  6. width: 900px;
  7. margin-left: 20px;
  8. }

En dan gewoon onder de </div> van container een nieuwe div maken, van footer.
Maar dat scheen niet te werken 
Hoe krijg ik hier een footer onder?
Zodat hij altijd onder mijn content blijft, en onder mijn menu (als het ene langer is dan het andere )

Alvast bedankt,
Rensjuh

6 antwoorden

Gesponsorde links
Offline Pieter - 25/07/2006 20:33
Avatar van Pieter Gouden medaille

SEO guru
Kan je niet een div.footer maken volledig onderaan in je container, met clear: both, zodat hij onder alles komt?
Dus nog net in je container, maar geen verband meer met de rest.
Offline Rens - 25/07/2006 22:50
Avatar van Rens Gouden medaille

Crew algemeen
Ik krijg het niet voor elkaar 
Offline xSc - 26/07/2006 09:38
Avatar van xSc Onbekend Inderdaad, zoals Pieter zegt.

Zet in je css van die div wel even het volgende:

position: absolute;
bottom: 0;
Offline Rens - 26/07/2006 23:57
Avatar van Rens Gouden medaille

Crew algemeen
Werkt ook niet.
Hij zet de footer nu helemaal onderaan, gewoon waar het scherm stopt...
En niet of onder de content, of onder het menu (als die langer is) 
Offline xSc - 27/07/2006 09:55
Avatar van xSc Onbekend Rensjuh, ik pm je even mijn site. Als je relative daar een div onderplaatst, is het goed.
Offline Rens - 27/07/2006 17:37
Avatar van Rens Gouden medaille

Crew algemeen
Ik krijg het niet voor elkaar hoor 
Ik heb het zo geprobeerd:
  1. </div> <== sluittag voor "site_rechts"
  2. </div> <== sluittag voor "site_inhoud"
  3. </div> <== sluittag voor "site_hoofd"
  4. <div id="site_onder">
  5. onder
  6. </div>


En zo:
  1. </div> <== sluittag voor "site_rechts"
  2. </div> <== sluittag voor "site_inhoud"
  3. <div id="site_onder">
  4. onder
  5. </div>
  6. </div> <== sluittag voor "site_hoofd"


En als mijn css code het volgende:
  1. div#site_onder
  2. {
  3. position: relative;
  4. clear: both;
  5. }

En:
  1. div#site_onder
  2. {
  3. position: relative;
  4. clear: both;
  5. bottom: 0;
  6. }

En:
  1. div#site_onder
  2. {
  3. position: relative;
  4. }

Maar het wil niet werken... 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.226s