---
title: "min-height:100%(-80px)?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/164244-min-height-100-80px"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "UrMe"
published: "2007-09-07T09:12:47.000Z"
updated: "2007-09-17T07:55:50.000Z"
replies: 6
views: 515
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/164244-min-height-100-80px"
---
# min-height:100%(-80px)?
## #1 — UrMe, 2007-09-07T09:12Z
Ett återkommande problem är ju 100% höjd på en div i CSS, mitt problem är att jag har en Div ovanför en div som ska vara 100% av resten av sidan. 100%-80px egentligen.
Jag har lagt upp ett exempel här:
Det är "column left" som jag vill ha 100%, det är den ju nu, fast den går ju ner för långt eftersom "header" ligger högst upp och trycker ner "column left" 80px.
Fungerar i IE6 men inte IE7 och Firefox.
stylesheet.css
```
html {
height:100%;
}
body {
height:100%;
border:1px solid #F0F;
margin:0;
}
#container {
width:904px;
margin:0 auto;
text-align:left;
padding:0;
border:1px solid #0000FF;
height:100%;
}
#header {
height:79px;
border:1px solid #FF00FF;
}
#column_left {
float:left;
width:309px;
padding:0 0 0 0;
margin:0 0 0 0;
border:1px dotted #00FF00;
min-height:100%;
}
/* for IE */
* html #column_left {
height: 100%;
}
#content_center {
float:left;
width:563px;
padding:0 0 0 15px;
}
```
html kod:
```
layouttest
header
column left
center
```
Permalänk: https://www.webforum.nu/p/164244
## #2 — UrMe, 2007-09-10T08:08Z
Ingen som har en idé om hur detta ska gå att lösa? Är inte snyggt att ha en 80 pixlar scroll när det inte behövs :(
Permalänk: https://www.webforum.nu/p/2026924
## #3 — zcorpan, 2007-09-10T09:22Z
Är det här samma som kanske?
Permalänk: https://www.webforum.nu/p/2026940
## #4 — UrMe, 2007-09-10T11:27Z
Nej tyvärr det är inte samma.. här ska hela diven gå hela vägen ner, den ska inte bara ligga längst ner.
Permalänk: https://www.webforum.nu/p/2026965
## #5 — Xogede, 2007-09-10T18:57Z
För mig fungerar inte exemplet i IE6 heller.
I FF och Safari är detta iaf ganska enkelt att göra:
Ta bort alla height och width, sätt position:absolute, och ange storleken och position med top, right, left och bottom. Detta ska fungera enligt CSS2 () (om jag minns rätt, även enligt M$/M$DN), men gör det inte i varken IE6 eller 7 (inte Opera heller, om minnet inte sviker mig). På M$DN-forumet verkar de inte heller ha något bra svar på den frågan (http://forums.microsoft.com/MSDN/ShowPost.aspx?PostID=2100534&SiteID=1).
Så vänta på IE8 eller använd tabeller är mitt tips.
Permalänk: https://www.webforum.nu/p/2027073
## #6 — jarvklo, 2007-09-12T18:56Z
Hmm...
Eftersom du använder fasta kolumn- och sidbredder, ser det där ut som ett klassiskt upplägg för "[faux columns](http://www.alistapart.com/articles/fauxcolumns/)" (dvs att simulera höjden med en bakgrundsbild på containern).
Tar du bort sidforsmeket ur så har du principen även där (headern ligger "ovanpå" faux-columns-bilden i containern)...
... men hur skall det \*egentligen\* se ut grafiskt ? är det där med "dotted border" något du vill ha med i din design eller är den med bara för att markera var kolumnen hamnar ?
Permalänk: https://www.webforum.nu/p/2027662
## #7 — UrMe, 2007-09-17T07:55Z
Tack Jarvklo! Jag löste det med en bakgrund i containern, problemet jag hade var att i den vänstra kolumnen ska det vara en bild i bottom, fast då satt jag en sidfot över hela sidan istället som är 118 pixlar hög, problemet blir ju att man inte kan ha något i "main" till höger om den bilden nu efter den ligger i sidfoten. Men så får det vara!
Det som bökade till det ännu mer är att jag gjorde om en OScommerce butik som var gjord helt i tabeller.
Tack :)
Permalänk: https://www.webforum.nu/p/2028865
---
Tråden på webben: https://www.webforum.nu/amne/html-css/164244-min-height-100-80px