---
title: "Div, CSS och height: 100%;"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/142036-div-css-och-height-100"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "andreaswebb"
published: "2006-02-05T14:22:04.000Z"
updated: "2006-02-10T16:00:13.000Z"
replies: 12
views: 674
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/142036-div-css-och-height-100"
---
# Div, CSS och height: 100%;
## #1 — andreaswebb, 2006-02-05T14:22Z
Hej på er!
Jag är medveten om att denna fråga säkert ställts 10^6 gånger förut, både här och i andra forum. Jag har sökt och sökt och hittat massor med bra matarial, men har ändå inte nått en lösning. Så nu hoppas jag på att det finns någon som kan ge mig lite hjälp..:o)
Som ni ser så vill jag att den vita rutan - oavsett innehåll - alltid ska täcka mins hela vägen ned. Detta lyckas den med, men den täcker också upp mer än vad den behöver. Detta antar jag beror på att den har *height: 100%;* under ett antal andra *Divar*.
Där har ni CSS-koden som jag använder mig av.
Tacksam för svar!
Permalänk: https://www.webforum.nu/p/142036
## #2 — echoSwe, 2006-02-05T16:22Z
Tja
Jag hade gjort såhär (se bifogad).
Du får helt enkelt använda dig av en wrapper som du lägger runt alltihopa, sedan får du anpassa bakgrunden så att den inte ser vit ut hela vägen - genom att använda din header så löste jag det. Säg till om du sedan inte kan en teknik för att positionera dina tabbar inom #head så kan jag hjälpa dig.
Bilagor:
- [lilaSida.zip](https://www.webforum.nu/a/9588.zip)
Permalänk: https://www.webforum.nu/p/1761196
## #3 — andreaswebb, 2006-02-08T14:14Z
Tack ska du ha! Det fungerar kanon i IE7B2 och Firefox, men i IE6 så blir det en marginal mellan menyn och den stora vita rutan. Kan det ha med min float:left; att göra?
Permalänk: https://www.webforum.nu/p/1762132
## #4 — echoSwe, 2006-02-08T15:43Z
Visa screenshot - jag testade i IE också, och där funkade det - vad har du ändrat?
Permalänk: https://www.webforum.nu/p/1762151
## #5 — andreaswebb, 2006-02-08T19:45Z
Mellanrummet mellan den vita rutan och knapparna ska inte vara där. Uppträder bara i IE 6. IE7B2 och Firefox fungerar utmärkt.
Bilagor:
- [ie.gif](https://www.webforum.nu/a/9626.gif)
Permalänk: https://www.webforum.nu/p/1762232
## #6 — echoSwe, 2006-02-08T21:07Z
Hur ser din kod ut då? Du kan sätta position: relative; i din #head och sedan positionera din lista: position:absolute; så borde du få det rätt direkt.
Permalänk: https://www.webforum.nu/p/1762270
## #7 — echoSwe, 2006-02-08T21:10Z
Kollade din kod... Du använder html dåligt för att göra menyn. Använd:
Permalänk: https://www.webforum.nu/p/1762272
## #8 — andreaswebb, 2006-02-08T21:26Z
Okej, jag ska ta en titt på det imorgon. Tack ska du ha!
Permalänk: https://www.webforum.nu/p/1762285
## #9 — echoSwe, 2006-02-08T21:30Z
Varsågod ;)
Permalänk: https://www.webforum.nu/p/1762288
## #10 — andreaswebb, 2006-02-10T14:07Z
Okej. Nu har jag gjort om menyn med hjälp av en osorterad lista. Men problemet i IE6 kvarstår fortfarande. Jag har försökt med att ändra på marginalerna, men det hjälper inte. Det ser ut precis som på bilden ovan.
Permalänk: https://www.webforum.nu/p/1763144
## #11 — echoSwe, 2006-02-10T14:33Z
Tja
Du har en hel del onödig markup i din CSS, men jaja, man lär sig ju efter ett tag :)
Ta bort: "float: left;" från selektorn: #menuContainer så löser det sig.
Permalänk: https://www.webforum.nu/p/1763156
## #12 — andreaswebb, 2006-02-10T15:58Z
Så, nu fungerar det klockrent. Jodå, klart att man lär sig med tiden :).
Tack än en gång!
Permalänk: https://www.webforum.nu/p/1763188
## #13 — echoSwe, 2006-02-10T16:00Z
Varsågod ;)
(Markera tråden löst!)
Permalänk: https://www.webforum.nu/p/1763189
---
Tråden på webben: https://www.webforum.nu/amne/html-css/142036-div-css-och-height-100