---
title: "Få 100% höjd på DIV"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/139454-få-100-höjd-på-div"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "99nvbjed"
published: "2005-12-16T18:02:03.000Z"
updated: "2005-12-16T19:04:54.000Z"
replies: 3
views: 472
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/139454-få-100-höjd-på-div"
---

# Få 100% höjd på DIV

## #1 — 99nvbjed, 2005-12-16T18:02Z

Kolla här: <http://user.it.uu.se/~joed4419/test/test1.php>

Hur får jag den yttre vita DIV:en att räcka ända ner till botten oberoende av hur mycket text som finns i rutan?
(alltså den som innehåller en vit ruta och "Blaha blaha")

Har testat att skriva \[height: 100%\] men det funkar inte... Så här ser koden för DIV-taggen ut:

```
.centerFrame {
	float: left;
	width: 750px;
	background-color:#FFFFFF;
	text-align: center;
	background-image:url(mainBack.png);
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;
	height: 100%;
}
```

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

## #2 — K@llen, 2005-12-16T18:05Z

Jarvklo är kung! Och här visar han hur man gör. :)

<http://member.webforum.nu/2241/bottenfast_sidfot_plus_tvaspalt.html>

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

## #3 — jarvklo, 2005-12-16T18:57Z

Hehe :r tack K@llen...  Vara hur det vill med det, men... Det enda du behöver göra, 99nvbjed, är i princip att "dra upp" höjden på html och body till 100% såhär:

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

Efter det kan du använda min-height:100% på .centerFrame - förutom för MSIE som kräver height:100% så du får trixa lite där, vilket framgår av K@llens länk :) 

Vill du inte anvnvända metoden i det exempel K@llen länkar till, kan du använda ett "CSS-hack" (dvs det faktum att MSIE tolkar en viss kod "felaktigt" så att det blir rätt ändå)... 

```
.centerFrame {  min-height: 100%; }
* html .centerFrame { height: 100% }
```

Jag brukar propagera för att man skall undvika CSS-hacks av olika orsaker, men erfarenhetsmässigt funkar just den där som du vill så länge du kör med den \<!DOCTYPE du gör nu...

Jo - förresten.. Du har valt att köra XHTML...

Då heter det \<link ...  /\> och inte \<link ... \>, \<br /\> och inte \<br\> samt \<meta ... /\> och inte \<meta ... \> men det är en helt annan historia det ;)

Lycka till!

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

## #4 — 99nvbjed, 2005-12-16T19:04Z

Tack för kommentarerna! Fick det att funka med k@llens länk, fick trixa lite men det börjar likna nåt.

Oj jarvklo, det var visst dreamweaver som fyllt i den, ska ändra, är väldigt nybörjare på dreamweaver, har aldrig gillat det men man måste ju lära sig nån gång. Föredrar dock homesite.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/139454-få-100-höjd-på-div