# Hintergrundbild über Container überstehen lassen

**URL:** <https://forum.shopware.com/t/hintergrundbild-uber-container-uberstehen-lassen/21789>\
**Category:** Shopware 3.5\
**Tags:** themes--design\
**Created:** [9. August 2014 um 10:06 UTC](https://forum.shopware.com/t/hintergrundbild-uber-container-uberstehen-lassen/21789 "2014-08-09T10:06:52Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![artelier](https://avatars.discourse-cdn.com/v4/letter/a/e9c0ed/32.png) [@artelier](https://forum.shopware.com/u/artelier)\
**Post date:** [9. August 2014 um 10:06 UTC](https://forum.shopware.com/t/hintergrundbild-uber-container-uberstehen-lassen/21789/1 "2014-08-09T10:06:52Z")

</div>

Hallo Zusammen, wir haben mal wieder ein kleines Problem und sind auf eure Hilfe angewiesen. Wir haben auf [http://www.ledertaschen-stolz.com/](http://www.ledertaschen-stolz.com/) ein Hintergrundbild hinzugefügt und verwenden das Responsive Template von Conexco. Das Bild wird im container eingebunden der 1070px breit ist. Wenn wir nun 100% für das Bild einstellen erhalten wir für das Bild die Breite von 1070px. Wir möchten aber gerne das das Bild die volle Browserbreite mit 100% bekommt. Hat jemand eine Idee?

---

<div class="post-metadata">

**Author:** ![mkl1525](https://avatars.discourse-cdn.com/v4/letter/m/c2a13f/32.png) [@mkl1525](https://forum.shopware.com/u/mkl1525)\
**Post date:** [9. August 2014 um 10:19 UTC](https://forum.shopware.com/t/hintergrundbild-uber-container-uberstehen-lassen/21789/2 "2014-08-09T10:19:11Z")

</div>

Soll es etwa so aussehen? ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/2f0984456f8dd47c5beb0a68b72c3d6cf62ef2aa.jpeg) Dann muss das ganze als Hintergrundbild im CSS für den Body-Tag hinterlegt werden. Das geht nicht einfach so im shopware-Backend. Gruß Mario

---

<div class="post-metadata">

**Author:** ![artelier](https://avatars.discourse-cdn.com/v4/letter/a/e9c0ed/32.png) [@artelier](https://forum.shopware.com/u/artelier)\
**Post date:** [9. August 2014 um 10:36 UTC](https://forum.shopware.com/t/hintergrundbild-uber-container-uberstehen-lassen/21789/3 "2014-08-09T10:36:16Z")

</div>

Hallo Mario, danke für deine Antwort. Das Bild soll nicht in den Body sondern von der Höhe bleiben wie es ist. Nur links und rechts soll es überstehen. Wenn man in der class .row-wrap .overlay-image das left und right mit -500px verzeiht zeigt es das Ergebnis. Allerdings kann man dann horizontal scrollen was ich nicht weg bekomme und es passt sich nicht dynamisch an den Bildschirm an. `.row-wrap .overlay-image { background-position: center center; bottom: 0; left: -500px; position: absolute; right: -500px; top: 0; z-index: 0; }`

---

<div class="post-metadata">

**Author:** ![artelier](https://avatars.discourse-cdn.com/v4/letter/a/e9c0ed/32.png) [@artelier](https://forum.shopware.com/u/artelier)\
**Post date:** [15. August 2014 um 08:33 UTC](https://forum.shopware.com/t/hintergrundbild-uber-container-uberstehen-lassen/21789/4 "2014-08-15T08:33:57Z")

</div>

Hallo Zusammen, leider haben wir das Problem immer noch nicht lösen können. Hat jemand noch einen Tipp für uns? Fehlen noch Infos? Danke Euch!

---

<div class="post-metadata">

**Author:** ![artelier](https://avatars.discourse-cdn.com/v4/letter/a/e9c0ed/32.png) [@artelier](https://forum.shopware.com/u/artelier)\
**Post date:** [24. August 2014 um 14:47 UTC](https://forum.shopware.com/t/hintergrundbild-uber-container-uberstehen-lassen/21789/5 "2014-08-24T14:47:34Z")

</div>

Hallo Zusammen, auch nach viel hin und her könnten wir das Problem immer noch nicht lösen. Hat jemand noch eine Idee für uns?
