webForumDet fria alternativet

Footer position?

4 svar · 494 visningar · startad av yelles

yellesMedlem sedan sep. 200845 inlägg
#1

Hej,

Sitter och försöker få till en bra footer men lyckas inge bra och hoppas att kanske någon där ute kan hjälpa mig :q

Min footer idag:

width:100%;
height:65px;
bottom: 0px;
position:fixed;

Problemet jag har är att jag alltid vill ha den längst ner på sidan och inte över innehållet som den är idag. Har googlat en del men har inte funnit något vettig lösning...

Tack :)

doggelitoMedlem sedan juni 20003 100 inlägg
#2

Att använda min-height tycker jag är snyggaste metoden.
Footern kommer inte längst ner och det funkar heller inte i gamla webbläsare men jag föredrar ändå detta sätt! :)

html, body {
     height:100%;
}
#content {
     min-height:600px;
}
#footer {
}

...

<div id="content"></div>
<div id="footer"></div>
yellesMedlem sedan sep. 200845 inlägg
#3

Tack doggelito.... men skulle verkligen vilja få den längst ner, finns de inga smartare sätt? :)

jarvkloMedlem sedan juli 20013 295 inlägg
#4

Hmm...

Här är ett sätt att göra det jag tror du menar på (se kommentarer i källkoden) - smart eller ej är upp till betraktaren, men funkar gör det (om jag fattar dig rätt ;) ).

Jag har också sett tekniken användas med en padding-bottom i innehållet istället för "belowthebottom"-divven ;)

yellesMedlem sedan sep. 200845 inlägg
#5

Precis, så jag menade... dock hann jag hitta en egen howto innan din men tack så mycket.

Nedan hittar ni den jag använde:
http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

Genererad på 375 ms · cache AV · v20260730165559-full.f96bc7eb