Check alle échte Black Friday-deals Ook zo moe van nepaanbiedingen? Wij laten alleen échte deals zien

HTML/CSS Sticky Footer

Pagina: 1
Acties:

  • erwinwernars
  • Registratie: April 2014
  • Laatst online: 21-11 00:07
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:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
#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:
1
2
3
<div id="footer">
    &copy; lalalala
</div>


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

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


  • BeefHazard
  • Registratie: Augustus 2010
  • Laatst online: 21-11 15:46
Zet je CSS zonder de regelnummers in [code=css] en [code=html] tags, respectievelijk.

R6 | 24-70 F2.8 DG OS HSM Art | 18-35 F1.8 DC HSM Art | EF 70-200 F4L IS USM | EF 50mm f/1.8 | Zenbook 14 OLED | T14G4 OLED


  • erwinwernars
  • Registratie: April 2014
  • Laatst online: 21-11 00:07
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
  • Registratie: Februari 2004
  • Laatst online: 20-11 11:59

NMe

Quia Ego Sic Dico.

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.

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.


  • Slurpie
  • Registratie: Oktober 2004
  • Laatst online: 21-11 14:37

  • NMe
  • Registratie: Februari 2004
  • Laatst online: 20-11 11:59

NMe

Quia Ego Sic Dico.

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.

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.


  • erwinwernars
  • Registratie: April 2014
  • Laatst online: 21-11 00:07
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 :P

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 ]

Pagina: 1