<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="code.xsl" ?>
<dns4.nl>
<voorbeeld>
<title>css - automatisch hoogte van kolommen uitvullen</title>
<verwijzende_link>http://www.dns4.nl/pagina/css_code/kolommen_uitvullen.html</verwijzende_link>
<informatie>


</informatie>
<programma_code>
<![CDATA[
<!-- de code begint vanaf hier.

	<style type="text/css">
		#hoofdcontainer{width:95%;padding-left:2.5%;padding-right:1.5%;}
		#vak1,#vak2,#vak3{
		    float:left;
		    width:100%;
		    position:relative;}
		#vak1{color:#9999ee;background:#41543A;overflow:hidden;}
		#vak2{color:#9999ee;background:#3B593B;right:30%;}
		#vak3{color:#9999ee;background:#41543A;right:40%;}
		#kolom1,#kolom2,#kolom3{
			margin-top:1em;
			padding-bottom:1em;	
		    float:left;
		    position:relative;
		    overflow:hidden;}
		#kolom1{width:26%;left:72%;}
		#kolom2{width:36%;left:76%;}
		#kolom3{width:26%;left:80%;}
	</style>


	<div id="hoofdcontainer">
		<div id="vak1">
		    <div id="vak2">
		        <div id="vak3">
		            <div id="kolom1">
		            	TEKST
		            </div>
		            <div id="kolom2">
		            	TEKST
		            </div>
		            <div id="kolom3">
		            	TEKST
		            </div>
		        </div>
		    </div>
		</div>
	</div>

de code is hier geeindigd.
// -->
]]>
</programma_code>
<code_link>http://www.dns4.nl/pagina/alle_tekst_files.html</code_link>
</voorbeeld>
</dns4.nl>
