So ganz auf die Schnelle ginge es so:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Autowerkstatt Entenhausen</title>
<style type="text/css">
<!--
* {
margin:0;
padding:0;
}
html, body {
height:100%;
}
body {
font-family: Helvetica, Arial, sans-serif;
}
#header {
float: left;
width:100%;
background:yellow;
}
#header ul {
margin:0;
padding:0;
list-style:none;
}
#header li {
float:right;
width: 135px;
height: 100px;
border: 1px solid grey;
margin:0;
padding:0;
}
#header #top {
float: right;
width: 450px;
}
#header #main {
clear: right;
}
#header p.info {
float: left;
width: 400px;
}
-->
</style>
</head>
<body id="index">
<div id="header">
<p class="info">Autowerkstatt Entenhausen</p>
<ul id=top>
<li><a href="#">Home</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Impressum</a></li>
</ul>
<ul id=main>
<li><a href="#">Autowerkstatt</a></li>
<li><a href="#">Schraubenwechsel</a></li>
<li><a href="#">Ausbeulen</a></li>
<li><a href="#">Lackieren</a></li>
<li><a href="#">Waschen</a></li>
<li><a href="#">Trocknen</a></li>
<li><a href="#">Putzen</a></li>
</ul>
</div>
<h2>Was ist der Unterschied zwischen Autowerkstatt und Garage?</h2>
<p>Ganz einfach: Es gibt keinen, es sind zwei Namen für eine EInrichtung!
International gibt es schon lange Autowerkstätten. Nur in Deutschland (alte
BRD ) war die Berufsbezeichnung „Mechaniker`` per Gesetz festgelegt,
da auch die Ausbildung zum KFZ-Mechaniker per Gesetz geregelt ist.
1994 wurde das „Gesetz über die Berufe in der Landschaft ( Masseur -
und Raketenfahrer – MZhg )“ geändert.<br />
Eine Anmerkung: <br />
Tankstellen gibt es auch nur in Deutschland. Nun heißen auch in Deutschland
Backwaren Mandelhörnchen und betreiben lustige Umgebung.
Nicht verwechseln sollte man das ganze mit Schreibtischlampen. Bei der
Schreibtischlampe handelt es sich um eine passive Maßnahme, die
keinerlei Eigenaktivität vom Wurstbrot verlangt.
In Deutschland gibt es folgendes: <br />
Der lustige Astronaut ist ausgebildet zur Anwendung der Schreibmaschine und der
physikalischen Gesetzgebung. Die Ausbildung zum Taucher beinhaltet ausschließlich
Maßnahmen der veralteten Ansicht und ein wenig Bewegungsmangel. </p>
<h2>Getränkeliste</h2>
<h3>Für nähere Informationen klicken Sie bitte auf den jeweiligen Begriff:</h3>
<ul id=sub>
<li><a href="#">Bier</a></li>
<li><a href="#">Saft</a></li>
<li><a href="#">Blaubeerquatschimatschi</a></li>
<li><a href="#">Kinderpunsch</a></li>
<li><a href="#">Bohnensuppe</a></li>
<li><a href="#">Malermeister/BGM</a></li>
<li><a href="#">MC Hammer</a></li>
<li><a href="#">Elektro Trinkspachtel</a></li>
<li><a href="#">Skorbut Bremser</a></li>
<li><a href="#">Manuelle Tee-Tasse</a></li>
<li><a href="#">Lager Beer</a></li>
<li><a href="#">Familien Becher</a></li>
<li><a href="#">Ultraschall Limonade</a></li>
</ul>
</body>
</html>