Als hätte ich es nicht geahnt, das diese Antwort kommt.
Ok, ja ich kann schon etwas HTML und CSS und es ging eigentlich nur darum, wie man den Aufbau am besten angehen sollte mit DIV.
Vielleicht habe ich mich etwas falsch ausgedrückt.
Hier mal mein Code wie ich es mir gedacht habe.
<div id="haupt">
<div id="obenl">obenl</div>
<div id="obenr">obenr</div>
<div id="bildl">bildl</div>
<div id="bildr">bildr</div>
<div id="balkenl">balkenl</div>
<div id="balkenr">balkenr</div>
<div id="links">
<ul>
<li>1. Text</li>
<li>2. Text</li>
<ul>
</div>
<div id="inhalt">inhalt</div>
<div id="fussl">fussl</div>
<div id="fussr">fussr</div>
</div>
und die CSS
#html, body {
margin: 0;
}
#haupt {
width: 960.2px;
height: 100%;
background-color: #000000;
margin-left: auto;
margin-right: auto;
margin-top: 0;
}
#obenl {
width: 219.2px;
height: 50;
text-align: left;
background-color: #aa0000;
float:left;
}
#obenr {
width: 960.2px;
height: 50;
text-align: left;
background-color: #bb0000;
}
#bildl {
width: 219.2px;
height: 200;
text-align: center;
background-color: #aa4444;
float:left;
}
#bildr {
width: 960.2px;
height: 200;
text-align: center;
background-color: #aa8888;
margin-left: auto;
margin-right: auto;
}
#balkenl {
width: 219.2px;
height: 200;
text-align: center;
background-color: #dd4444;
float:left;
}
#balkenr {
width: 960.2px;
height: 200;
text-align: center;
background-color: #dd8888;
margin-left: auto;
margin-right: auto;
}
#links {
width: 219px;
height: 100%;
text-align: center;
background-color: #ff4444;
float:left;
}
#inhalt {
width: 960.2px;
height: 100%;
text-align: center;
background-color: #ff8888;
}
#fussl {
width: 219px;
height: 100%;
text-align: center;
background-color: #ff1111;
float:left;
}
#fussr {
width: 960.2px;
height: 100%;
text-align: center;
background-color: #ff3333;
}
Gruß Loomy