---
title: "höjd på div - minst sidans höjd"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/172390-höjd-på-div-minst-sidans-höjd"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "eriks"
published: "2008-06-25T15:46:14.000Z"
updated: "2008-06-25T19:48:13.000Z"
replies: 3
views: 661
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/172390-höjd-på-div-minst-sidans-höjd"
---
# höjd på div - minst sidans höjd
## #1 — eriks, 2008-06-25T15:46Z
Hej,
Jag har förstått att detta är ett vanligt problem, dock kan jag inte hitta någon lösning.
Jag vill ha en sida med vitt i mitten (där innehållet kommer finnas) och färg på kanterna (utfyllnad). Då tänker jag mig att jag lägger kantfärgen i body och en div i mitten med vitbakgrundsfärg. Problemet är att diven i mitten inte följer med om den inte har något innehåll. Min kod nedan fungerar alltså inte.
```
Min CSS-testlayout
```
Kan jag överhuvudtaget göra så som jag tänkt eller måste jag tänka om helt?
Tack på förhand!
Mvh Erik
Permalänk: https://www.webforum.nu/p/172390
## #2 — jarvklo, 2008-06-25T16:14Z
Det kan du :)
Komplettera din CSS med följande:
```
html,body {height: 100%; margin: 0; padding:0;}
#container {min-height:100%;}
* html #container {height:100%} /* fulhack för äldre MSIE */
```
Om det inte funkar direkt får du förmodligen peta in lite innehåll i containern för att testa ;)
Ev får du nollsälla topp+bottenmarginal och padding på containern för att just din design skall passa in, men det märker du :)
Se också: där metoden används på ett lite annorlunda sätt (mha en "villkorlig kommentar" istället för CSS-hacket.)
Lycka till :bire
Permalänk: https://www.webforum.nu/p/2120002
## #3 — eriks, 2008-06-25T18:15Z
Tack så mycket! .html var det jag hade glömt
Länken var riktigt bra, precis så man vill en mall ska se ut. Fråga: Med belowthebottom "skapar du plats" 40px, för att sedan lägga bottom där. Jag testade att ta bort belowthebottom, samt raden margin-top:-40px; i bottom och det fungerade också. Hur kommer det sig att man har den lösningen som du visar i mallen?
Permalänk: https://www.webforum.nu/p/2120021
## #4 — jarvklo, 2008-06-25T19:48Z
> **eriks skrev:**
>
> Tack så mycket! .html var det jag hade glömt
>
> Länken var riktigt bra, precis så man vill en mall ska se ut. Fråga: Med belowthebottom "skapar du plats" 40px, för att sedan lägga bottom där. Jag testade att ta bort belowthebottom, samt raden margin-top:-40px; i bottom och det fungerade också. Hur kommer det sig att man har den lösningen som du visar i mallen?
Tack :)
Men får du inte en permanent rullningslist när du gör så pga totalhöjden blir 100% + 40px (så länge #bottom ligger utanför #container)?
Det får jag ;)
Lösningen gjordes, som du säger, sådan att #belowthebottom skall fungera som en "stoppkloss" som skall se till att den expanderande #main inte glider in under #bottom när det "kolliderar" (dvs då innehållet i #main är högre än webbläsarföntsrets höjd).
När exemplet gjordes vågade jag inte lita på att margin-bottom på #main var riktigt "cross browser" så att säga - men det var iofs ett par år sedan så det kanske går att rationalisera ytterligare numera när gamla ök som IE5/Mac nog mest är ett minne blott :)
Permalänk: https://www.webforum.nu/p/2120045
---
Tråden på webben: https://www.webforum.nu/amne/html-css/172390-höjd-på-div-minst-sidans-höjd