Hallo,
Ich mache dir mal einen Vorschlag. Mach das ganze ohne Tabelle.
<!DOCTYPE [...]>
<html>
<head>
[...deine head Angaben...]
</head>
<body>
<div id="top">
<p id="menu">
<a href="start.html"> » Start </a>
<a href="produkte.html"> » Produkte </a>
<a href="messen.html"> » Messen </a>
<a href="kontakt.html"> » Kontakt </a>
<a href="inpressum.html"> » Impressum </a>
</p>
</div>
<div id="main">
[Hier kommt dann der ganze Inhalt deiner Seite rein.]
</div>
</body>
</html>
In die CSS Datei kommt dann folgendes:
/* ----- CSS Datei für meine Seite http://www.meineseite.de ------ */
body {
font-family: arial, sans-serif;
text-align: center; /* für den IE */
background-color: white;
color: black;
}
#top {
width: 600px;
text-align: left;
background-color: green;
border: 1px solid black;
border-top: none;
margin: 0;
padding: 0;
padding-top: 20px;
}
#menu {
padding: 0.5em;
margin: 0;
background-color: #aaa;
border-top: 1px solid black;
}
#main {
border: 1px solid black;
border-top: 0;
margin: 0;
padding: 0.5em;
background-color: #ddd;
}
Ich bin jetzt mal nicht näher auf die Banner eingegangen aber die zu positionieren ist auch nicht schweer. Was hälst du von dieser Idee? Ich denke es würde der Seite gut tun, und vor allem verwendest du dann keine Tabellen für das Layout und Auszeichnung und Formatierung sind auch getrennt.
Grüße
Jeena Paradies