3 Divs mit dynamischer Breite

[spyro]

Hallo

Ich bastle gerade an einer Homepage und habe folgedes Problem:
Ich habe ein Haupt-DIV, in dem wiederum 3 kleinere Divs sind. Diese 3 kleineren Divs sollen sich von der Breite automatisch so anpassen, dass alle 3 Divs die gleiche Breite haben, dass zwischen den 3 Divs jeweils xyz Pixel Frei sind und dass, wenn ich die Breite vom Haupt-DIV vergrößere, dass die 3 Divs mit wachsen.

Klingt jetzt vermutlich komplizierter als es ist.

Hier mal der HTML-CODE:

  
<div class="banner_vorgabe" id="sub_pages">  
	<div class="sub_page" id="sub_page_1">TEST1</div>  
	<div class="sub_page" id="sub_page_2">TEST2</div>  
	<div class="sub_page" id="sub_page_3">TEST3</div>  
	  
	<div class="sub_page" id="sub_cont_1">CEST3</div>  
	<div class="sub_page" id="sub_cont_2">CEST3</div>  
	<div class="sub_page" id="sub_cont_3">CEST3</div>  
</div>  

Hier der CSS-Code dazu:

  
.banner_vorgabe {  
	margin-left: auto;  
	margin-right: auto;  
	width: 880px;  
	border-bottom: 1px #5D676C solid;  
}  
  
#sub_pages {  
	height: 200px;  
	  
}  
  
.sub_page {  
	height: 60px;  
	color: white;  
}  
  
#sub_page_1 {  
	background-color: #8a0b04;  
	float: left;  
}  
  
#sub_page_2 {  
	background-color: red;  
	margin-left: auto;  
	margin-right: auto;  
	float: left;  
}  
  
#sub_page_3 {  
	background-color: orange;  
	float:left;  
}  

Irgendwie bekomme ich das nicht hin. Ich möchte nur einmal eine feste Breite vergeben müssen, und das soll bei ".banner_vorgabe" (die 880 px im momentanen Fall) sein.
Gibt es einen Weg?

Freue mich über jede Antwort udn bedanke mich schonmal :)

MFG spYro

[Lloyyd]

Gibt es einen Weg?

Soll der umschliessende Div auch flexibel sein? Wenn ja musst du ihm auch eine Breite in % geben, den kleineren gibst du einfach width: 20%, und für den Abstand ein entsprechendes margin