Moin,
verzichte auf position:absolute, verzichte wenns irgend möglich auf Höhenangaben für deine Container, damit sie sich dynamisch anpassen können.
Wenn ich das Bild sehe ist durch die schwarzen Blöcke leider viel verdeckt.
Der orangene Verlauf kann ein HG-Bild sein, horizontal zentriert und mit entspr. Abstand nach oben.
Die grobe Struktur wäre ungefähr so:
HTML-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" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="ich" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<title>Webseite</title>
<link rel="shortcut icon" type="image/x-icon" href="grafiken/favicon.ico" />
<link rel="icon" type="image/png" href="grafiken/favicon.png" />
<link type="text/css" rel="stylesheet" href="css/bildschirm.css" media="screen" />
<link type="text/css" rel="stylesheet" href="css/druck.css" media="print" />
</head>
<!--[if lte IE 7]>
<style type="text/css">
@import url(css/ie.css);
</style>
<![endif]-->
<body id="startseite">
<div id="umhang">
<div id="topnavi">
<ul id="navigation">
<li><a href="#">Startseite</a></li>
<li><a href="#">Galerie</a></li>
<li><a href="#">Kontakt</a></li>
usw. usw.
</ul>
</div><!-- Ende #topnavi-->
<div id="kopf">
<h1>Hauptüberschrift</h1>
</div><!-- Ende #kopf-->
<div id="inhalt">
<h2>Überschrift</h2>
<p>Text</p>
usw. usw.
</div><!-- Ende #kopf-->
<div id="fuss">
<p>Hier ist der Fuss</p>
</div><!-- Ende #fuss-->
</div><!-- Ende #umhang -->
</body>
</html>
Wegen der schwarzen Blöcke habe ich etwas geraten.
In XHTML ist übrigens generelle Kleinschreibung angesagt.
Wenn ich das richtig sehe, willst du eine grafische Navigation.
Wie du sowas verwirklichst kannst du in der
CSS-FAQ Punkt 15 nachlesen.
Solltest du das tun wirst du sicher erkennen, das eine schnelle CSS-Lösung für dich einfach nicht funktionieren wird, oder kannst du das dort auf Anhieb umsetzen?
Vielleicht wäre es für dich besser diese HP mit Tabellen umzusetzen, weil du dich da auskennst.
Solltest du den Ehrgeiz haben dich webdesignmäßig weiterzubilden kannst du es danach in Ruhe machen.
