Få 100% höjd på DIV

3 svar · 463 visningar · startad av 99nvbjed 16 dec. 2005

99nvbjedMedlem sedan nov. 200522 inlägg

Frågan16 dec. 2005 18:02#1

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%;
}

K@llenMedlem sedan mars 20032 667 inlägg

16 dec. 2005 18:05#2

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

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

jarvkloMedlem sedan juli 20013 378 inlägg

16 dec. 2005 18:57#3

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!

99nvbjedMedlem sedan nov. 200522 inlägg

16 dec. 2005 19:04#4

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.