Footer position?

HTML & CSS

4 svar · 504 visningar · startad av yelles

Medlem sedan sep. 200813 inlägg
Trådstart#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/

257 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
121 ms — deklarationer (db)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)