Mit Hintergrund aus dem Grid ausbrechen

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

scbawik

Senior HTML'ler
14 Juli 2011
2.552
448
83
Hallo!

Ich habe ein etwas eigenartiges Design vorgelegt bekommen.
Im Prinzip ein normales Raster, jedoch haben manchen Spalten ein ungewöhnliches Aussehen.
Bei diesen geht die Hintergrundfarbe links oder rechts bis zum Seitenrand bzw. Parent.

Also normalerweise sieht es so aus:
https://jsfiddle.net/2zjt07d4/2/

Gewünscht wäre es aber so wie im Anhang.

Wie würdet ihr das umsetzen?
Die einzige Möglichkeit die mir momentan einfällt wäre per Pseudoelement mit 100vw Breite, absoluter Positionierung und overflow-x:hidden auf den gewünschten Parent.
Jemand eine bessere Idee?
 

Anhänge

  • Unbenannt-1.jpg
    Unbenannt-1.jpg
    20,8 KB · Aufrufe: 7