Andreas: Breite von DIVs abhängig von Browserbreite ändern

Beitrag lesen

Hallo zusammen,

ich schlage mich den halben Nachmittag mit der Frage herum wie man wohl folgendes bewerkstelligen kann.

Ich habe ein DIV mit fester Breite von 600px (schwarz). Links und Rechts daneben soll jeweils ein weiteres DIV stehen mit einem Abstand von 50px zum DIV in der Mitte. (beide rot)
nun sollen die beiden roten DIVs links und rechts genau am Rand sitzen, also left:0px bzw auf der rechten seite right:0px und die jeweilige andere seite mit 50px Abstand zum mittigen DIV. So das sich die breite einfach aus der browserbreite minus 600px schwarzes div minus 100px abstand für beide seiten ergibt.

Ich hoffe was ich möchte ist verständlich. Dazuhabe ich diese beiden grafiken einmal angehangen.

Hat jemand eine Idee wie man so etwas bewerkstelligen könnte?

Im Prinzip wäre es am einfachsten denke ich wenn man zum Beispiel für das linke rote DIV sagen würde: style="position:absolute; left:0px; width:50%-350px;" die 350px ergeben sich aus breite schwarzes DIV + 50px Abstand + 50px Abstand.