onsdag den 5. december 2012

Sticky footer (til udviklersiden) der bliver i bunden af siden


Jeg ville gerne lave en lækker footer der kunne blive i bunden af systemudvikler cv siden altid.
Dette skulle være så nemt og flot. Så jeg ville have en flot der blev i bunden (og ikke midt på siden) når der ikke var så meget indhold, og blev skubbet længere ned på min systemudvikler side når indholdet var der til at flytte det.

Jeg startede med at Google og fandt en løsning.
Den blev prøvet af, men den virkede ikke på min udvikler side. Så fandt jeg endnu en løsning, og virkede heller ikke.
Da jeg havde lavet 4-5 forskellige løsninger måtte jeg søge hjælp, for det her kunne jo ende med at tage lang tid. Jeg gik på www.udvikleren.dk fordi her sidder en masse kloge mennesker.
Dette kan læses her: http://www.udvikleren.dk/forum/39201/footer-problem/

Her lavede jeg en jsfiddle der kunne hjælpe på problemet, og det tog da også sin tid. Flere var inde på det kunne lade sig gøre sådan og sådan, men hvert forsøg virkede ikke.
Til sidst var der en der fik det til at virke, og viste sig jeg selv havde været skyld i det.
"Så med mine klasser inde over så virker det stadig, og grunden til det ikke virkede før var at push lå ikke udenfor content, men som det sidste element i content."

Så det blev rettet til så det virkede: http://jsfiddle.net/ewL4u/24/
og derefter rettede jeg til så den virkede med lidt margin til min footer så mit content ikke står lige præcis op og ned af min footer.
Dette resulterede i: http://jsfiddle.net/ewL4u/28/ hvor der er mellemrum i mellem content og footeren.

Det kan alt sammen takkes for, til http://ryanfait.com/sticky-footer/ som afhjalp problemet så det virkede.

Se løsningen på www.csharpudvikler.dk

Ingen kommentarer:

Send en kommentar

Kan du lide mit indlæg, har en kommentar, forslag eller andet på hjerte så skriv venligst