[Bijdrager Dedstok]

CSS – Navigatiebalk helemaal naar onder

Nu had ik al eerder een fout in mijn script, maar dat was met PHP,
Nu gaat het over CSS.

Voor de website moet het dus zo zijn, De navigatiebalk moet onderaan de pagina komen te staan, en in geval van scrollen,
Dat je de navigatiebalk alsnog blijft zien, Het moet dus vast staan.

Zo ziet het er nu uit:
http://www.mickert.nl/FVE/

(zoals je ziet verschilt het per pagina).

Je kan de broncode natuurlijk opzoeken @ CSS, maar hier typ ik alvast wat ik heb staan:

*CSS*

#navigatie {
margin-bottom: 20px;
height: 40px;
color: #FFFFFF;
text-decoration: none;
position: absolute;
}

000—–
Zelf denk ik dat het door de Position Absolute komt, maar hoe fix ik dit?

[Bijdrager me.com]

[code:1:7d312787d8]position: fixed;
bottom: 0;
width: 100%;[/code:1:7d312787d8]

?

[Bijdrager Dedstok]

”me.com”

[code:1:2389d7a213]position: fixed;
bottom: 0;
width: 100%;[/code:1:2389d7a213]

?

Bedankt, dat was hem;)
Ben er zelf nog niet super in, maar ben nog aan het leren haha

ty:)

[Bijdrager me.com]

Oke dan graag gedaan!

[Bijdrager n8n]

let op fixed werkt niet onder IE6.

[Bijdrager Dedstok]

”n8n”

let op fixed werkt niet onder IE6.

Dat zou ik zelf niet weten, heb op me pc alleen de laatste IE.
Kut IE altijd.

Maar dan hebben die mensen maar pech, moeten ze maar upgraden.
Het is toch immers een website voor school haha

[Bijdrager janhuntjens]

Voor een schoolopdracht kan je dat misschien wel maken.

Als je dit doet, gebruik dan wel tenminste push up the web voor een berichtje voor gebruikers dat niet in de weg zit.
http://www.pushuptheweb.com/

[Bijdrager Dedstok]

”me.com”

[code:1:d0ab0024ba]position: fixed;
bottom: 0;
width: 100%;[/code:1:d0ab0024ba]

?

Nog even om hierover terug te komen

Je kan het voorbeeld hier dus zien bijvoorbeeld:
http://mickert.nl/FVE/info.php

Als je je scherm verkleint, en je maakt hem steeds kleiner.. Zal je zien dat de navigatie-footer door het content-blok doorloopt..

Hoe zet ik dit vast?

[Bijdrager Jesse]

Hij staat op fixed, dan zal hij wanneer het scherm kleiner wordt ook over de content heen gaan.. dat is het idee. Het is het één of het ander.

Ik zou hem wel even een achtergrond kleur meegeven zodat de text en lijntjes niet door elkaar heen lopen wanneer je over text o.i.d. heengaat.