HTML/CSS Sticky Footer

[erwinwernars]

Ik heb een vraag over Sticky Footer.
ik heb het probleem dan mijn footer met deze functie toch niet naar beneden wilt gaan.
wel als ik position: fixed; doe en bottom: 0px; alleen dan schuift de footer ook dood leuk over alle content heen. vind ik persoonlijk niet mooi.

Cascading Stylesheet:

#footer {
    position: relative;
    clear:both;
    
    border-top: solid 5px gray;
    width: 100%;
    background-color: black;
    padding-top: 10px;
    padding-bottom: 10px;
    min-width: 242px;
    font-family: Verdana;
    font-size: 14px;
    text-align: center;
    color: white;
    border-top: solid 5px gray;
}

HTML:

<div id="footer">
    &copy; lalalala
</div>

ik hoop dat iemand hier iets weet want zit al 1 week te pielen over dit

[ Voor 15% gewijzigd door erwinwernars op 04-05-2014 18:30 ]

[BeefHazard]

Zet je CSS zonder de regelnummers in [code=css] en [code=html] tags, respectievelijk.

[erwinwernars]

BeefHazard schreef op zondag 04 mei 2014 @ 17:03:
Zet je CSS zonder de regelnummers in [code=css] en [code=html] tags, respectievelijk.

Dank u wel ik zag het nergens staan. dus had iets anders gebruikt.

[NMe]

Zonder position: fixed of javascript krijg je een element niet onderaan de viewport geplakt. Met position: fixed heb je inderdaad dat de andere content eronderdoor schuift.

Ik zou hier persoonlijk niet al te veel tijd in steken. Die footer schuift als het goed is bij voldoende content (lees: op vrijwel elke pagina) toch al buiten beeld. Als je hem niet daadwerkelijk fixed wil hebben zodat hij nooit buiten beeld schuift heb je er dus niks aan als je moeilijk gaat doen om hem onderaan je viewport te krijgen.

[Slurpie]

http://ryanfait.com/sticky-footer/

[NMe]

Slurpie schreef op zondag 04 mei 2014 @ 17:40:
http://ryanfait.com/sticky-footer/

Heeft dezelfde nadelen als een footer die je positioneert met CSS. Sleep je browservenster maar eens kleiner of groter. Er zit wat lag in het meeverplaatsen van de footer.

[erwinwernars]

NMe schreef op zondag 04 mei 2014 @ 17:46:
[...]

Heeft dezelfde nadelen als een footer die je positioneert met CSS. Sleep je browservenster maar eens kleiner of groter. Er zit wat lag in het meeverplaatsen van de footer.

had die ook al geprobeerd maar bleef bij mij niet onderaan de pagina staan. ik denk dat ik gewoon wat meer content moet vullen niet altijd op elke pagina bestaat.

ik heb hem maar anders opgelost

gewoon extra kader gemaakt en daar me footer ingeplaatst onder de content. dan maar niet helemaal onderaan me pagina.

[ Voor 15% gewijzigd door erwinwernars op 04-05-2014 18:30 ]