---
title: "En \"footer\" som alltid är längst ner?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/183847-en-footer-som-alltid-är-längst-ner"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "evilaid"
published: "2010-06-14T16:59:03.000Z"
updated: "2010-06-15T11:36:51.000Z"
replies: 8
views: 1768
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/183847-en-footer-som-alltid-är-längst-ner"
---

# En "footer" som alltid är längst ner?

## #1 — evilaid, 2010-06-14T16:59Z

Hej

Gått in i väggen tror jag..

Jag vill ha en liten "footer" på varje sida med e-post och telefonnummer..

Problemet är ju att på de sidor där det är lite text hamnar ju footern direkt efter slutet på texten vilket gör att den ibland hamnar mitt på sidan?

Ex:
\<div id="innehall"\>Lite text här\</div\>
\<div id="footer"\>test@test.com Tel: 08 23 34 23\</div\>

så jag vill alltså att footern hamnar längst ner på sidan även om det är lite text som inte fyller ut hela sidan??

Kommer inte på hur jag ska göra?

Mvh

Permalänk: https://www.webforum.nu/p/183847

## #2 — Gildebrand, 2010-06-14T17:01Z

Nemas problemas
Lägg till i CSSen:

```
#footer{
position: absolute;
bottom: 0px;
}
```

Permalänk: https://www.webforum.nu/p/2240513

## #3 — evilaid, 2010-06-14T17:07Z

NJa, provade den men fungerar inte så bra...

Om man gör så och innehållet inte får plats i webbläsarfönstret så att man måste scrolla så följer dne inte med, hamnar ju över texten?

Permalänk: https://www.webforum.nu/p/2240516

## #4 — StefanBergfeldt, 2010-06-15T06:06Z

position: fixed; bottom: 0px;

Så gör man. Tänk på att den ligger över annat innehåll, så se till att ha marginal mellan slutet på sidan och innehållet

Permalänk: https://www.webforum.nu/p/2240578

## #5 — evilaid, 2010-06-15T06:12Z

NJa, nu kanske det är detta du menar stefan men jag hittade en lösning på asp sidan enligt nedan. Fungerade kanon..
\<div id="fullheight"\>
        \<div id="footermargin"\>\</div\>
\</div\>

    \<div id="footer"\>
    \</div\>

div#fullheight {min-height:100%; \_height:100%;}
div#footer {height:100px;border:0px solid black; margin-top:-100px; background-color:#383838;}
div#footermargin {height:100px; clear:both;}

Här är det precis som du säger en marginal mellan "footern" men använder inte position:absolute här..

Mvh

Permalänk: https://www.webforum.nu/p/2240579

## #6 — Danne V, 2010-06-15T06:15Z

Det handlar ofta om vilken DTD man använder också. Och givetvis vilken/vilka webbläsare man kollar i.

Permalänk: https://www.webforum.nu/p/2240580

## #7 — jarvklo, 2010-06-15T07:51Z

Hmm..

Här är ett gammalt exempel (med kommentarer i källkoden) på hur du kan göra:  <http://member.webforum.nu/2241/bottenfastsidfot-princip.html>
(hittar inte längre inlägget där vi diskuterade oss fram till detta exempel en gång i tiden - men fråga gärna här igen om det behövs förklaras mer än det som kommenterats i koden)

Permalänk: https://www.webforum.nu/p/2240587

## #8 — evilaid, 2010-06-15T09:24Z

Det såg ju ut precis som det jag hittade på aspsidan... Men det fungerar ju tillfredställande så: kanon!

Såg dock en bugg.

om du laddar sidan i ett fönster som inte är fullt utsträckt och sedan sträcker ut det så följer inte "footern" med?
Såg att det fungerade i FF men inte i IE 8..

Permalänk: https://www.webforum.nu/p/2240597

## #9 — jarvklo, 2010-06-15T11:36Z

Hmm...

Det hade jag missat.

Nåväl - lägg in en 

```
	<meta http-equiv="X-UA-Compatible" content="IE=7" />
```

 i din \<head\> - det verkar kunna göra susen tills vi hittar den egentliga orsaken

Permalänk: https://www.webforum.nu/p/2240609

---

Tråden på webben: https://www.webforum.nu/amne/html-css/183847-en-footer-som-alltid-är-längst-ner