3 divs mit bg-Image nebeneinander

  • Hallo,

    ich möchte einen Header aus 3 Elementen aufbauen.
    In der Mitte befindet sich ein Banner, rechts und links davon soll passend ein Farbstreifen (PS-Grafik, also über background-image und repeat eingebunden) bis an den Rand der Seite gehen.
    Testweise hab ich das ganze erstmal mit 3 farblichen div-Containern gemacht

    Im Anhang habe ich einen Screen gepostet wie das ganze aussieht.

    Der orangene Div wäre mein Banner, grün und rot jeweils die Streifen die davon weggehen.
    Der grüne passt soweit, allerdings habe ich hier ja eine feste länge angegeben. Ich hätte ihn gerne so, dass er direkt links neben dem orangenen Bild beginnt und bis zum Ende des Bildschirms weiterläuft.

    Der rote passt irgendwie noch so gar nicht, obwohl ich ihn rechts gefloatet habe.. Er sollte genau wie der grüne verlaufen, nur eben rechts (also wie wenn man rechts neben den orangenen Container einen Spiegel legen würde).

  • Abgesehen davon, dass dein Header sehr breit ist, brauchst du nur ein Container.