Hallo,
sitze nun schon eine geraume Weile daran, meine Seite zu überarbeiten: Weg von den Tabellen. Aber es will mir einfach nicht gelingen. Die Sache mit float usw. scheint nicht so mein Ding zu sein.
Also ich habe zwei Screenshots angehängt:
SOLL - so soll es aussehen (ist das Tabellendesign).
IST - so sieht es aus...
Was muss ich tun, damit es korrekt dargestellt wird?? Verzweifel noch daran...
Hier noch der HTML/CSS-Teil:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Homepage</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
</head>
<style>
body
{
color: silver;
}
a
{
color: silver;
text-decoration: none;
}
li
{
display: inline;
}
h1
{
font-size: 2em;
color: black;
text-decoration: underline;
}
</style>
<body>
<div style="margin: auto; width:777px; border:1px solid black;">
<p style="width:100%; height: 148px; background: url(titel1.jpg) repeat-x; margin:0; padding:0;">
</p>
<div style="text-align: center; border-top: 1px solid black; border-bottom: 1px solid black; background-color: #004400; padding: 5px;">[*]Startseite|[*]Über mich|[*]Aktivitäten|[*]Sonstiges|[*]Intern|[*]Kontakt|[*]Gästebuch|[*]Impressum
</div>
<div style="width: 24%; background-color: #004400; padding: 5px; float: left;">
Unternavigation
</div>
<div style="width: 73%; background-color: white; padding: 5px; float: right;">
<h1>Willkommen</h1>
Irgendwann werden hier jede Menge Infos zu finden sein. Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein. </div>
<br style="inherit" />
<div style="text-align: center; background-color: #004400; border-top: 1px solid black;">
Subtitel
</div>
</div>
</body>
</html>