<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="code.xsl" ?>
<dns4.nl>
<voorbeeld>
<title>gradient achtergrond met css</title>
<verwijzende_link>http://www.dns4.nl/pagina/css_code/css_gradient_achtergrond.html</verwijzende_link>
<informatie>
Maak een plaatje met b.v. de afmetingen Breedte 160 en Hoogte 120.
De css zorgt er voor dat het plaatje geschaald wordt naar de volledige 	
(beschikbare) hoogte en breedte van het browser-scherm.
Zorg er voor dat de achtergrondplaatje-div het eerste is wat
na "body" komt. Direct hierna de div: "inhoudvanpagina". De rest van jouw 
pagina volgt daarna en het allerlaatste item voor de /body is
/div om de -- #inhoudvanpagina -- af te sluiten.
Als je even de css.png wil gebruiken om te testen kopieer hem dan 
vanuit deze directory of gebruik de (bij sommige browsers) mogelijkheid 
om de afbeelding van de div te copy/paste`n vanaf het scherm.
</informatie>
<programma_code>
<![CDATA[
<!-- de code begint vanaf hier.

<html>
	<head>
	<style type="text/css">
		html,body{margin:0px; overflow:hidden;}
		#achtergrondplaatje{position:absolute; z-index:0; width:100%; height:100%;}
		#inhoudvanpagina{position:absolute;top:0%;left:0%;display:block;width:100%;height:100%;overflow:scroll;z-index:1;} 
	</style>
	</head>
	<body>
		<div>
			<img id="achtergrondplaatje" src="css.png" alt="css achtergrond" title="achtergrond css" /> 
		</div>
		<div id="inhoudvanpagina">
			<p>
				de inhoud van jouw pagina		
			</p>
		</div>
	</body>
</html>

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