9 berichten aan het bekijken - 1 tot 9 (van in totaal 9)
  • Q:
    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.

9 berichten aan het bekijken - 1 tot 9 (van in totaal 9)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.