hey iedereen

ik zit dus met een klein probleem
http://www.foncke.eu/kryotech/templates/header2.htm

op mijn pagina ben nog alleen maar bezig met de layout
wil ik dat de linker kant mee rekt met de pagina.
als je bovenstaande pagina beziet in IE 7 dan rekt de div mooi mee (de oranje kleur).
Als je dezelfde pagina opent in FF dan rekt de div niet mee en blijft hij gewoon op zijn oorspronkelijke grote staan.

dit is mijn css code

body
{
	background:black;

}
#totaal
{
	width:920px;
	min-height: 840px;
	height:auto !important;  /* IE hack */
	height:auto;
	background: #ff9c00;
	margin: 0px auto; /*deze div centreren*/


}

#links
{
	/*position: relative;*/
	float:left;
	width:120px;
	min-height: 840px;
	height:auto !important;
	height:100%;
	color: white;
	background: red;



}
#main
{
	float:right;
	width:800px;
	min-height: 840px;
	height:auto !important;
	height:auto;
	color: white;
	background: green;


}


#inhoud
{
	
	
	width:800px;
	min-height: 840px;
	height:auto !important;
	height:auto;
	background: pink;
	


}


dit is mijn html code zonder de enters en dergelijke die wel op de site staan nu.

<html>

<body>
<div id="totaal">
	<div id="links">dit is links</div>
	
	<div id="main">
		<div id="header">dit is de header</div>
		<div id="navigatie"> dit is de navigatie </div>
		<div id="inhoud"> dit is den inhoud 
				
		</div>
	
	
	</div>
</div>

</body>
</html>


ik heb al wat zitten surfen op het internet maar ik vind niets.
hopelijk weet jullie het hoe ik dit probleem kan oplossen.

grts
kristoff
ik gaan het eens proberen ;)


edit:

nee het werkt nog altijd niet.
FF laat het nog altijd niet correct zien.
IE wel

FF stopt nog altijd op de hoogte die ik op gegeven met min-height
Je kan dit makelijk oplossen met een faux column
Geef je div #totaal nog even een overflow:hidden mee...
k
nu doet hij het wel
bedankt.

Reageren