Archief - Footer zweeft bij groot scherm

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
V

Visaversa

Legacy Member
Hoi,

Ik ben net begonnen met xHTML en CSS te leren en heb een webpagina kunnen maken volgens standaarden. Ik loop enkel nog tegen één probleem aan. Mijn achtergrond loopt achter mijn footer door, mijn footer wil dus met andere woorden niet tegen de onderste marge.

Het rare is dat het in safari wil lukt. Firefox en Chrome doen het jammer genoeg niet. Het probleem doet zich ook enkel voor op een groot scherm, op mijn laptop wordt het goed weergegeven.

Iemand die me erbij kan helpen?
-

-BVR-

Legacy Member
Geef code, of nog beter: een test case. Zo kunnen wij niets doen hé.
V

Visaversa

Legacy Member
Nu komt mijn content onder de footer. zie hier:

voorbeeld.png
-

-BVR-

Legacy Member
Visaversa zei:
Nu komt mijn content onder de footer. zie hier:

voorbeeld.png
Klik om te vergroten...

Heb je opgezocht wat position absolute doet?

Wat jij wilt heet 'sticky footer'. Google eens naar 'sticky footer css' en probeer die tutorial :)
V

VinhoSantos

Legacy Member
Als ik het goed begrijp wil je gewoon dat de footer ten allen tijde onderaan tegen de pagina zweeft?
Dan moet je "position:fixed;" gebruiken in combinatie met "bottom:0px;"
Dit zou dan wel moeten werken. Wel niet vergeten om de z-index van je footer hoger te zetten dan de rest zodat deze altijd vooraan verschijnt.
-

-BVR-

Legacy Member
VinhoSantos zei:
Als ik het goed begrijp wil je gewoon dat de footer ten allen tijde onderaan tegen de pagina zweeft?
Dan moet je "position:fixed;" gebruiken in combinatie met "bottom:0px;"
Dit zou dan wel moeten werken. Wel niet vergeten om de z-index van je footer hoger te zetten dan de rest zodat deze altijd vooraan verschijnt.
Klik om te vergroten...

Nee, ik denk dat hij een sticky footer wilt. :)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan