midden.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head><title>midden test</title>
<link rel=stylesheet type=text/css href="midden.css">
</head>
<body>
<img src="iptracker.php" height="1" width="1" border="0">
<div class=menu>
<a>Home</a>
<a href="tekst.html">tekst</a>
<a href="bio.html">bio</a>
<a href="csscode.php">CSS</a>
<a href="htmlcode.php">HTML</a>
<a href="phpcode.php">PHP</a>
</div>
<br>
<h1><i>Testing!</i> Explorer, FireFox, Chrome</h1>
<div class=mid>
<img src="katten.gif" width="600" height="511"><br>
kat en<br>
katje
</div>
</body></html>
tekst.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<title>tekst</title>
<link rel="stylesheet" type="text/css" href="midden.css">
</head>
<body>
<img src="iptracker.php" height="1" width="1" border="0">
<div class="menu">
<a href="midden.html">Home</a>
<a>tekst</a>
<a href="bio.html">bio</a>
<a href="csscode.php">CSS</a>
<a href="htmlcode.php">HTML</a>
<a href="phpcode.php">PHP</a>
</div>
<br>
<h1><i>Testing!</i> Explorer, FireFox, Chrome</h1>
<div class="tkst">
Deze tekst staat in een veld van 600 pixels breed. Die breedte is gekozen omdat de tekening op de 'home' bladzij 600 pixels breed is. Dat veld moet netjes in het midden van het venster komen. De achtergrond bestaat uit blauwe ruiten van 50 pixels breed en hoog, zo kan je gemakkelijk zien of het klopt. Schuif met de grootte van het venster, dan moet het nog steeds kloppen.
<p>Getest met Lunascape: een en ander ziet er redelijk hetzelfde uit met Internet Explorer, FireFox en Webkit (= Chrome en Safari)<br>
IE5.5 laat het afweten, maar die wordt bijna niet meer gebruikt. (getest met <a href="http://ipinfo.info/netrenderer/" target="_blank">Netrenderer</a>)
<p><A HREF="http://www.spadixbd.com/freetools/jruler.htm" TARGET="_blank">Jruler</A> is een handig hulpmiddel.
</div>
</body></html>
bio.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head><title>bio</title>
<link rel="stylesheet" type="text/css" href="midden.css">
</head>
<body>
<img src="iptracker.php" height="1" width="1" border="0">
<div class="menu">
<a href="midden.html">Home</a>
<a href="tekst.html">tekst</a>
<a>bio</a>
<a href="csscode.php">CSS</a>
<a href="htmlcode.php">HTML</a>
<a href="phpcode.php">PHP</a>
</div>
<br>
<h1><i>Testing!</i> Explorer, FireFox, Chrome</h1>
<div class="tkst">
<table>
<tr><td width="80">1935</td><td width="444">geboren</td></tr>
<tr><td>1955</td><td>meegebouwd aan een analoge computer bij het Shell laboratorium in Rijswijk</td></tr>
<tr><td>1957</td><td>de cursus 'vuurleidingmonteur' gevolgd. Ik leerde hoe je via een analoge computer een radarinstallatie aan een kanon kunt koppelen.</td></tr>
<tr><td>1960</td><td>de cursus 'Rechenlocher' gevolgd. Een machine die een ponskaart kon lezen, een berekening met het gelezene kon doen en het resultaat in de kaart kon ponsen. Optellen met tandwielen, de logica met relais. Programmeerbaar met een paneel met draden.</td></tr>
<tr><td>1962</td><td>een 'echte' computercursus. Een computer die een beetje leek op wat we tegenwoordig een computer noemen. Behalve dan dat hij een zaal vulde en ongeveer een miljoen kostte.</td></tr>
<tr><td>1964</td><td>enzovoorts...</td></tr>
</table>
</div>
</body></html>