webForumDet fria alternativet

Footer position?

HTML & CSS

4 svar · 496 visningar · startad av yelles

Medlem sedan sep. 200813 inlägg
Frågan#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 :)

Medlem sedan juni 20003 076 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>
Medlem sedan sep. 200813 inlägg
#3

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

Medlem sedan juli 20013 378 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 ;)

Medlem sedan sep. 200813 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/

246 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
119 ms — deklarationer (db)
0 ms — hämta statistik (cache)
120 ms — hämta tråd, inlägg och bilagor (db)
123 ms — ändringar (db)