mehrere divs passend horizontal ausrichten

[Gunnar Bittersmann]

@@smarty19:

nuqneH

Wie kriege ich es hin, diese beiden äußeren Containern die korrekte Breite zuzuweisen, sodass sie sich je nach Viewport- Breite anpassen?

#oben_links, #oben_mitte, #oben_rechts  
{  
	height: 42px;  
	position: absolute;  
	top: 0;  
}  
  
#oben_mitte  
{  
	background: #25335A;  
	left: -moz-calc(50% - 465px);  
	width: 970px;  
}  
  
#oben_links, #oben_rechts  
{  
	width: -moz-calc(50% - 465px);  
}  
  
#oben_links  
{  
	background: #B57700;  
	left: 0;  
}  
  
#oben_rechts  
{  
	background: #51618C;  
	right: 0;  
}

Hehe. ;-)

Beachte:

(1) Der Viewport vieler Nutzer ist schmaler als 970 Pixel. Nicht nur, dass die Nutzer dann horizontal scrollen müssen, von #oben_links und  #oben_rechts wäre dann gar nichts zu sehen. Auch sonst können die ziemlich schmal sein. Was soll denn für Inhalt rein? Oder dienen sie nur zu Darstellungszwecken (und sind damit überflüssig)?

(2) Benenne IDs und Klassen nicht nach der gegenwärtig gewünschten Darstellung! Also nicht "oben_links", "oben_mitte", "oben_rechts".

Qapla'