---
title: "div height 100%"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/129867-div-height-100"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Grebban"
published: "2005-06-12T14:28:21.000Z"
updated: "2005-06-12T15:32:33.000Z"
replies: 3
views: 274
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/129867-div-height-100"
---

# div height 100%

## #1 — Grebban, 2005-06-12T14:28Z

Jag vill att min div ska vara 100% height. Med hjälp av tabeller är det ju enkelt, men med div får jag det inte att funka riktigt bra. 

Jag vill alltså att min "container" blir 100% height. Med nuvarande kod så funkar det i Internet Explorer men vill att de ska funka i alla läsare. Hur ska jag göra?

CSSkoden:

```
#container{
        background-image: url("../images/bg_main.jpg");
	background-color: #E0E0E0;
	margin: 0 auto;
	text-align: left;
	width: 728px;
	height: 100%;
}
#topheader{
	width: 728px;
	height: 76px;
}
#logo{
	background-image: url("../images/logo.jpg");
	background-repeat: repeat-y;
	width: 728px;
	height: 185px;
	margin: 0;
	float: left;	
}
```

 

HTML koden:

```
<div id="container">
    <div id="topheader"> </div>		 
    <div id="logo"> </div>
</div>
```

 

Tack för hjälpen!

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

## #2 — SannyW, 2005-06-12T14:49Z

Hoppas jag förstår dig rätt

lägg till:

```
body {
	margin: 0px;
	padding: 0px;
        width: 100%;
	height: 100%;
}
```

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

## #3 — Grebban, 2005-06-12T14:58Z

Tack **SannyW** , men de var inte de som fixade problemet. Jag behöll hela koden (se ovan). Det ända jag ändrade var att jag skrev till "html" i body taggen i css:en och då funkade 100% height i alla läsare =)

```
html, body{
        background: #525252;
	margin: 0;
	padding: 0;
	height: 100%;
 	font-family: "Arial", Helvetica, sans-serif;
	font-size: 95%;
	color: #000000;
}
```

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

## #4 — SannyW, 2005-06-12T15:32Z

Bra att det löste sig, glöm inte att acceptera slutgiltliga svar uppe till höger när en tråd är löst.

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

---

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