Hallo!

ich bin gerade dabei ein Framework zu bauen und habe ein Problem mit dem CSS. So soll das fertige Design ca aussehen:



Mein Problem ist der orange Balken. Ich bin nicht sicher, ob ich es lieber als einen Balken mit 100% Breite realisieren soll und dem "Kasten" in der Mitte einen weißen Border geben, damit es wie 3 Balken wirkt, oder sie wirklich trennen. Momentan habe ich sie getrennt in mainnav, leftnav und rightnav, allerdings mit Prozentangaben gearbeitet, weil ich mir nicht anders zu helfen wusste, um zb bei 700px für den mittleren Teil sicher zu gehen, dass egal wie breit man den Brwoser zeiht, die beiden äußeren Balken immer bis zum ende der Seite gehen. Bei einem einzigen Balken wüsste ich nicht, wie man die beiden Links passend an den Rand des Mittelteils platziert. Ich hoffe ihr versteht, was ich meine

Hier mal mein CSS


#header {
background: #fff;
position:relative;
width:70%;
margin:10px auto;
border:2px solid #999;
height:195px;
outline:5px solid white;
z-index:3;
}

#banner{
height:150px;
}

#mainnav{
position: relative;
height:40px;
background-color: #f9a25b;
vertical-align: middle;
margin-top:0px;
}

#mainnav li{
margin:auto;
color:#fff;
}

#mainnav li span.link {
width: auto;
display: block;
padding-top:10px;
padding-left:25px;
text-decoration:none;
cursorointer;
float:left;
}

#mainnav ul{
list-style-type:none;
}

#leftnav, #rightnav {
position:relative;
width:15%;
margin:auto;
float:left;
height:40px;
background: #f9a25b; /*kann farbig an den Banner angepasst werden */
margin-top:153px;
z-index:1;
color:#fff;
}

#leftnav {
text-align: right;float:left;
}

#rightnav {
float:right;
}

#leftnav li span {
width:auto;
padding-top:10px;
padding-right:30px;
display: block;
text-decoration:none;
cursor: pointer;
text-align: right;
}

#rightnav li span{
width:auto;
padding-top:10px;
padding-left:30px;
display: block;
text-decoration:none;
cursorointer;
text-align: left;
float:left;
}

Vielen Dank schonmal!

Sry, das Bild ist etwas groß, hatte nicht drauf gedachten beim einfügen und kann den Beitrag nicht mehr abändern