ik heb een klein probleem met css.
Ik wou voor het eerst de layout van mijn pagina volledig in CSS schrijven doormiddel van boxes. maar heb enkele probleempjes

test pagina:
http://nevens.no-ip.com/nevensnetworks/

css file:
http://nevens.no-ip.com/nevensnetworks/include/style.css

het is de bedoeling dat de blauwe en paarse box evenhoog worden, dus als er de "page" of het blauwe paarse box meer text komt, moete deze beide groter worden.
zodat de rode box mooi gelijk onder de twee bovenliggende boxen komt

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset="iso-8859-1" />
	<title>Nevens Networks</title>
	<link rel="stylesheet" href="include/style.css" type="text/css" media="all" />
</head>
<body>
	<div class="page">
		<div class="top">
			toptoptoptoptop
		</div>
		<div class="left">
			leftleftleftleftleftleftleftleft
		</div>
		<div class="right">
			rightrightrightrightrightrightrightright<br/>
			hier de content van de pagina<br/><br/><br/><br/>
			lqsdflkjsdddd<br/><br/><br/><br/><br/>
		</div>
		<div class="footer">
			Page created by .. lalalla
		</div>
	</div>	
</body>
</html>
Niet zo snel opgeven natuurlijk!

Ik zal even een klein voorbeeldje proberen te maken..
met css kan het ook gewoon alleen met een ander statement dan min-height, alleen word hier gezegd dat je het in die hoek moet zoeken

Reageren