Aber gut,.. da ich nich so bin und eh noch ein bisschen üben muss hab ich dir das ganze eben nachgebaut.
Hab die Seite mittig zentriert zwecks 600x800 surfern, wenn du das nich haben willst lässt einfach den wrapper wech.
Habe mit px angaben gearbeitet, musst eben noch an deine größe/maßeinheit anpassen.
Erhebe keinenen anspruch auf fehlerlosigkeit. Darstellung ist im IE 6 SP2
und FF 1.5.0.4 so wie im screenshot und funktioniert einwandfrei.
Sollte es bessere, schnellere oder weiß was ich noch für wege geben,.. ich bin für jegliche verbesserungsvorschläge offen
So und nu hier der
Code:
<style type="text/css">
* { margin:0;
padding:0; }
div#wrapper {
width:760px;
height:800px;
margin-left:auto;
margin-right:auto;
border:#000000 dashed;
}
div#rechtercontainer {
width:200px;
height:450px;
background-color:#FF9900;
float:right;
margin-top:40px;
margin-left:20px;
display:inline;
}
div#linkserstercon {
width:540px;
height:60px;
background-color:#FFCC00;
float:left;
margin-top:20px;
display:inline;
}
div#linkszweitercon {
width:540px;
height:60px;
background-color:#CC6600;
float:left;
margin-top:10px;
display:inline;
}
div#linksdrittercon {
width:100px;
height:320px;
background-color:#33CCFF;
float:left;
margin-top:20px;
display:inline;
}
div#mittlerercon {
width:400px;
height:320px;
background-color:#00FFFF;
float:right;
margin-top:20px;
display:inline;
}
div#footer {
width:760px;
height:70px;
background-color: #0099FF;
margin-top:10px;
float:right;
display:inline;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="rechtercontainer">rechter container </div>
<div id="linkserstercon">links erster container </div>
<div id="linkszweitercon">links zweiter container </div>
<div id="linksdrittercon">links dritter container</div>
<div id="mittlerercon">mittlerer container</div>
<div id="footer">footer</div>
</div>
</body>
</html>
Hoff du kommst nu klar !
