---
title: "100% height"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/135432-100-height"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Flipp_Flopp"
published: "2005-10-08T04:54:17.000Z"
updated: "2005-11-19T23:02:14.000Z"
replies: 10
views: 822
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/135432-100-height"
---

# 100% height

## #1 — Flipp_Flopp, 2005-10-08T04:54Z

Hur gör jag för att få den ljusa bakgrunden bakom menyn 100%

Näe jag skriver 100 % i cssen så händer nada, anger jag ett fast px så fungerar det

Hjälp?!?

<https://www.flippflopp.se/v2>

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

## #2 — zcorpan, 2005-10-08T08:42Z

```
html, body { height:100%; margin:0; padding:0; }
```

  :)

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

## #3 — Flipp_Flopp, 2005-10-08T18:56Z

Tack för hjälpen zcorpan, men det fungerar inte. Jag vill att div#menuvert ul ska sträcka sig över hela sidan, men det fungerar inte. Tryck på kontakta i menyn så förstår du lättare vad jag menar.

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

## #4 — zcorpan, 2005-10-08T21:14Z

Aha, ta bort 'height:200px' på #content och sätt 'overflow:auto' på #wrap (och möjligtvis påtvinga hasLayout för IE med till exempel 'zoom:1'). :)

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

## #5 — Flipp_Flopp, 2005-10-10T22:17Z

Näee, vad hände nu då?

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

## #6 — voigtann1, 2005-10-11T07:08Z

wF har haft denna fråga uppe mer eller mindre just 100ggr. Sökte snabbt på wF och fick:

<http://www.webforum.nu/showthread.php?t=120374&highlight=100>
<http://www.webforum.nu/showthread.php?t=129332&highlight=100>

jarvklo´s variant som jag tror har haft fler träffar än wF snart   §e 
<http://member.webforum.nu/2241/bottenfast_sidfot_plus_tvaspalt.html>

div#wrap { overflow:auto; padding: 0 0 0 0; width: 720px; margin: auto; padding: 5px; background-color: white; } du har bla inget som säger hur hög den ska vara lägg in och testa med height:100%

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

## #7 — maqe, 2005-11-07T12:56Z

Någon som vet vad anledningen kan vara till att height:100% på body, html inte fungerar i FF? Jag har försökt implementera jarvklos exempel på min site men ff hugger inte 100%.

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

## #8 — jarvklo, 2005-11-07T14:52Z

Hmm...

Visst finns det några webbläsare som inte fixar den layouten - se <http://www.webforum.nu/showthread.php?t=118914> \- men FF skall kunna hantera den (och html,body {height:100%} ) klockrent...

Det *kan* också vara något annat i din kod som ställer till det - har du en länk till din sida så att man kan se helheten ?

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

## #9 — linux, 2005-11-18T22:31Z

Hej jarvklo, alla!

Kan man inte bara köra min-height:100% och height:100% i 
\#container direkt?  Alltså hoppa över MISIE-hacket.

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

## #10 — jarvklo, 2005-11-19T18:38Z

Hmm

Såvitt jag förstår kan man inte ha både "fasta" och "min-max-baserade" bredder samtidigt på ett block - så det är nog bara att glömma är jag rädd...

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

## #11 — linux, 2005-11-19T23:02Z

Hej,
ett utdrag ur en artikell på [alistapart.com](http://www.alistapart.com/articles/footers) 

"Working around some limitations

Internet Explorer 5.x/Windows always renders a web page in quirks mode. If you set a block element’s height to 100%, in quirks mode, the element uses the height of the viewport. Now if you could only declare a height of 100% for the container, this would fix the problem from the first example and make the technique work in IE5/Windows too. Note that if you set the height of the container to 100%, in standards mode the footer will always stay at the bottom of the browser window.

Using the box model hack, you can pass style rules to Internet Explorer 5.x/Windows only. You define the height of the container as follows:

\#container {
    position: relative;
    min-height: 100%;
    height: 100%;
    voice-family: "\\"}\\"";
    voice-family: inherit;
    height: auto;
	}
	
html\>body #container {
    height: auto;
	}

..."

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/135432-100-height