div's

[motower]

Hallo, ik vraag mij af hoe je bijvoorbeeld deze pagina maakt .....
en dan met name het effect dat als je scrollt dat aan het einde de onderste div tevoorschijn komt.

Ik heb wel eens eerder zoiets gemaakt maar dan alleen met de bovenste met logo en navi fixed en die daaronder gewonen div's die ik a.h.w. stapel.
De bovenste div is dan fixed en de rest gaat daar onder door, dat lukt, maar ik kan niet verzinnen hoe de onderste blijft staan.
Als ik die ook fixed maak en bottom 0px. geeft dan weet ik eigenlijk niet wat de tussenliggende div's moeten worden. Die kunnen toch niet fixed zijn?


http://www.stokke.com/NLD/nl-nl/home

 

[bron]

Mogelijkheid 1
Footer blijft onderaan tenzij de pagina te lang is, dan scrollt footer mee naar beneden.
http://www.cssreset.com/demos/layouts/how-to-keep-footer-at-bottom-of-page-with-css/#

Mogelijkheid 2
Footer blijft onderaan, ook als de pagina te lang is.
Let op: hoogte van footer = padding-bottom van content
http://www.cssreset.com/how-to-keep-footer-at-bottom-of-page-with-css/

*** op mobiles kan een te grote fixed footer (of te grote fixed header) onhandig zijn.

 

[motower]

Ahaaa, super bedankt, ik ga me hierin verdiepen! En bedankt voor de tip voor mobiles.

Wat ik mij ook afvroeg .... als je het scherm smaller maakt bij die website dan springen de verschillende 'blokjes' onder elkaar i.p.v. naast elkaar.
Weet jij hoe dat gaat?

 

[bron]

als je het scherm smaller maakt bij die website dan springen de verschillende 'blokjes' onder elkaar i.p.v. naast elkaar.

Bij website stokke.com kan ik je niet helpen. Dat zou mij te veel tijd gaan kosten om het uit te zoeken

 

[motower]

geeft niets, bedankt in ieder geval zo ver!