[grinditwp]

Originally posted by viRioL@Apr 15 2008, 22:27
Hej Jag har precis pillat klart med en sida, för första gången i CSS, men det är fortfarande en sak som stör mig. Jag vill få en container att sträcka sig till resten av webläsarens höjd automatiskt. Har testat lite olika varianter men aldrig fått det att fungera (kolla på viriol.se, den vita containern som kallas för kontenta). Fick den att sträcka sig ännu längre en gång (med height: 100% och min-height: 100%, blev tvungen att scrolla) och då hängde inte conainern menynere med ner. Några förslag?
Tack
Edit:
Vill alltså att det skall se ut så här:
fotbollpatv.nu/2.jpg
istället för så här:
fotbollpatv.nu/1.jpg

Problemet, vad jag förstått. Är att om du sätter 100% height på tex en div-tag, så vet den inte vad den tar 100% av, då den utgår från elementet den ligger i.

Dock! Om vi sätter en storlek på bodyn, så bör det fungera!

Lite CSS:

<style>
html, body {
	margin: 0; padding: 0;
}
html, body {
	height: 100%;
}
.procent100 {
	height: 100%; 
	width: 50%; 
	background-color:#999999; 
	margin: 0px auto 0px; 
	text-align: center;
}
</style>

och sedan html:

<div class="procent100">100% height</div>