Ich gebe dir mal ein Beispiel:
<html>
<head>
<title></title>
<link type="text/css" rel="stylesheet" href="format.css" />
</head>
<body>
<form width="800px" action="http://www.jchanke.de/php/test.php" method="post">
<div id="navigation"> navi</div>
<div id="wrapper">wrapper
<div id="bereich1"><h1>Produkt bestellen!</h1><br/> Das Produkt kostet EUR 75,-, die Versandkosten betragen EUR 12,-.<hl></div>
<div id="bereich2">
Ich bestelle verbindlich <input name="stueckzahl" type="text" size="1"/> Stück des Produkts
<p><input name="aufpreis" type="checkbox" size="1"/> Expresslieferung (20 EUR Aufpreis)</p>
<br></div>
<div id="bereich3">
Anrede:<input name="Anrede" type="text" /><br/>
Vorname:<input name="Vorname" type="text" /><br/>
Nachname:<input name="Nachname" type="text" /><br/>
Kundennummer:<input name="Kundennummer" type="text" /><br/>
E-Mail-Adresse:<input name="email" type="text" /><br/><br/>
<input name="email" type="reset" value="Formular leeren" />
<input name="abschicken" type="submit" value="Daten abschicken" />
</div>
</div>
</form>
</body>
</html>
CSS:
* {
padding: 0px;
margin: 0px;
}
#navigation{
width: 800px;
height: 20px;
background-color:red;
}
#wrapper{
width: 800px;
height: 800px;
background-color:pink;
}
#bereich1{
width: 780px;
height: 200px;
background-color:yellow;
}
#bereich2{
width: 780px;
height: 200px;
background-color: green;
}
#bereich3{
width: 780px;
height: 200px;
background-color: grey;
}