Reacties op: Eindelijk een sticky footer zonder pusher div!
De sticky footer is zo ongeveer het meest beschreven en bediscussieerde element van een webpagina sinds het ontstaan van het internet. Vele oplossingen circuleren over het wijde web, maar nu, sinds de ondersteuning van CSS3 goed voor elkaar is, kunnen we eindelijk een sticky footer maken zonder loze elementen. Een semantisch correcte stickyfooter, wie wil dat nou niet?
Zelf reageren
Eerdere reacties
-
EngineerAtHome
Bedankt voor je toevoeging!
Bij welke elementen gaat het fout in Chrome? Dan zou ik de paddings en margins van enkel deze elementen op 0 zetten.
Ik ben nooit zo'n fan van * omdat dit in de rest van je layout waarschijnlijk vaak weer overschreven moet worden. Dit resulteert in extra css-regels en een langere rendering-tijd van de browser. -
Nathan Bosch
Kleine toevoeging aan de CSS om hem in elke browser te laten werken:
*{
padding:0;
margin:0;
}
Vooral Chrome kan anders nog wel eens lastig doen. -
EngineerAtHome
Goede vraag, de oorspronkelijke stickyfooter kon hier ook niet mee omgaan. Met het nog nieuwere flex-box model is hier wel wat op te verzinnen denk ik, maar de browsersupport daarvan is nog dramatisch. Of je vraag is op te lossen met de middelen die nu voorhanden zijn heb ik op dit moment geen antwoord, maar het is wel interessant om daar eens over na te denken. Mocht ik een oplossing bedenken dan zal ik hem plaatsen!
-
Maarten
Wat nu als ik een footer met onbekende hoogte heb?