|
Und hier mal ein Grundaufbau Deiner Seite
mit echten Rahmen:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>Unbenannte Seite</title>
<style type="text/css" media="screen"><!--
body { color: black; background-color: white; margin: 0; padding: 0; }
#kopf { background-color: #c1d2ba; height: 100px; width: 100%; left: 0; top: 0; position: absolute; visibility: visible; }
#navi { background-color: #e5f5ff; height: 450px; width: 175px; left: 0; top: 100px; position: absolute; visibility: visible; }
#inhalt { background-color: #93b9e0; height: 450px; width: 100%; left: 175px; top: 100px; position: absolute; visibility: visible; }
p { font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin: 0; padding: 0; }
h1 { font-size: 18px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin: 0; }
--></style>
</head>
<body>
<div id="kopf">
<h1>
Hier ist der Kopf der Seite</h1>
</div>
<div id="navi">
<p>
Hier kommt die Navigation hinein, egal ob nun als Tabelle oder als DIVs!</p>
</div>
<div id="inhalt">
<p>
Hier ist der Bereich für den Text</p>
</div>
</body>
</html>
Wobei natürlich die Größen noch angepaßt werden
müßen - genauso wie die Definition für die Schrift
etc.
Ich habe die Rahmen eingefärbt, damit Du es besser
sehen kannst und auch schon die Überschrift erster
Ordnung H1 definiert und den Absatztag p.....
Gruß
Dirk
|