min-height?

Door Harmen op 14-11-2006 10:40

558 views

hallo,
jullie kennen het probleem vast wel dat als je een hoofd-div hebt die overal omheen gaat (container), dat die een hoogte van 100% moet hebben. Dit gaat dat fout in IE. ik heb al wat geprobeerd in CSS met min-height: 100% maar dat werkt ook niet in IE..


#container
{
	margin: 0px;
	height: 100%;
	min-height: 100%;
	width: 750px;
	border-left: 2px dashed #666;
	border-right: 2px dashed #666;
}


<div id="container">
	<div id="top">
		Top
	</div>
	<div id="text">
		blaat
	</div>
</div>

De hoogte in IE is nu zo hoog als de text is..

Erik Rijk

14-11-2006 10:42

als je een position: absolute; meegeeft werkt height: 1005; of height: auto; wel dacht ik

Harmen

14-11-2006 10:45

pff, is dat alles?

daaanke sjeeuuun, zo werkt het zelfs in IE :)

Elwin - Fratsloos

14-11-2006 10:47

/* Algemene body properties */
* html #container,html,body {
  height:100%;
} 

/* Container */
#container {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	height: 100%;
}

Dit geeft een 100% hoge div die in het midden van het scherm staat.

Elwin

Harmen

14-11-2006 11:53

veel dank Elwin :) <center> tag's zijn geen oplossing

Reageren

Inloggen om te reageren