---
title: "DIV height 100% i firefox"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/122643-div-height-100-i-firefox"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "maqe"
published: "2005-02-17T10:09:54.000Z"
updated: "2005-02-17T17:50:10.000Z"
replies: 8
views: 328
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/122643-div-height-100-i-firefox"
---

# DIV height 100% i firefox

## #1 — maqe, 2005-02-17T10:09Z

Hur får jag ovanstående rubrik att fungera?
Som det ser ut nu har jag satt height: 100% på html, body i cssen och även 100% på den divven jag vill ska sträcka sig från toppen till botten av webbläsarens fönster. Detta fungerar inte i Firefox tyvärr ...

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

## #2 — Web-Tor, 2005-02-17T10:13Z

Kod? ([punkt 4](http://www.webforum.nu/showthread.php?s=&threadid=85744&forumid=12))

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

## #3 — maqe, 2005-02-17T10:26Z

Mitt stylesheet:

```
html, body
{
	height: 100%;
}
#containerdiv
{
	width: 770px;
	height: 100%;
}
```

koden i min aspx sida har bara en centrerad div med ett id

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

## #4 — Insider, 2005-02-17T10:39Z

```
#containerdiv
{
	width: 770px;
	[b]min-height: 100%;[/b]
}
```

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

## #5 — maqe, 2005-02-17T12:24Z

Det fungerade inte så bra det ... Verkar som att min \<form\> tagg strular till det för gör jag bara en vanlig html sida så är det inga problem att köra div height.

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

## #6 — jarvklo, 2005-02-17T12:33Z

Hmm... 

Alltid lika svårt att gissa vad felet är när man inte har hela bilden...

> **Tipsen från Web-Tors länk skrev:**
>
> Om du har möjlighet att skicka med en länk till sidan där problemet finns underlättar detta.

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

## #7 — His Divine Shadow, 2005-02-17T12:45Z

OK, i den yttersta div taggen lägger du detta för höjden:

```
#container 
	{
	height: auto;
*	height: 100%;
	min-height: 100%;
	}
```

Height: auto och min-height: 100% fixar det i FireFox men det strular till för IE så därför har du vanliga height: 100% med en stjärna framför istället, då hittar IE den men inte FireFox.

Såhär så kommer div taggen att alltid vara åtminståne 100% men du behöver också denna kod i din stilmall för att täcka hela sidan i FireFox:

```
html, body {height: 100%;}
```

edit: ser du har detta redan ^^^

edit #2:
Pröva din kod såhär:

```
html, body
{
	height: 100%;
}
#containerdiv
{
	width: 770px;
*	height: 100%;
	height: auto;
	min-height: 100%;
}
```

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

## #8 — maqe, 2005-02-17T15:19Z

Det blir tyvärr ingen skilnad med den där koden. Däremot om jag sätter style="height:100%" på min form tagg så händer det grejer i firefox men det blir tyvärr inte så bra som det ska vara hehe ... svårt att förklara mer ingående och jag har inte möjlighet att länka till siten.

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

## #9 — jarvklo, 2005-02-17T17:50Z

Kan du inte lägga upp sidan (inkl stilmallen) på <http://www.webforum.nu/userfiles.php> ?

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/122643-div-height-100-i-firefox