# container\_20 frage **URL:** \ **Category:** Shopware 3.5\ **Tags:** templates--design\ **Created:** [24. Februar 2011 um 19:20 UTC](https://forum.shopware.com/t/container-20-frage/1950 "2011-02-24T19:20:19Z")\ **Posts on this page:** 11\ **Page:** 1
**Author:** ![master\_1](https://avatars.discourse-cdn.com/v4/letter/m/c89c15/32.png) [@master\_1](https://forum.shopware.com/u/master_1)\ **Post date:** [24. Februar 2011 um 19:20 UTC](https://forum.shopware.com/t/container-20-frage/1950/1 "2011-02-24T19:20:19Z")
hallo leute ! weiss jemand wie ich einen grafischen rahmen um den container anlege per css !? lg ---
**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\ **Post date:** [25. Februar 2011 um 08:53 UTC](https://forum.shopware.com/t/container-20-frage/1950/2 "2011-02-25T08:53:29Z")
[quote=“master\_1”]hallo leute ! weiss jemand wie ich einen grafischen rahmen um den container anlege per css !? lg[/quote] Was ist ein grafischer Rahmen? Ein Bild? ---
**Author:** ![master\_1](https://avatars.discourse-cdn.com/v4/letter/m/c89c15/32.png) [@master\_1](https://forum.shopware.com/u/master_1)\ **Post date:** [25. Februar 2011 um 09:12 UTC](https://forum.shopware.com/t/container-20-frage/1950/3 "2011-02-25T09:12:47Z")
eine grafik als rahmen, ein hintergrundbild sozusagen. ---
**Author:** ![taaucher](https://avatars.discourse-cdn.com/v4/letter/t/ac8455/32.png) [@taaucher](https://forum.shopware.com/u/taaucher)\ **Post date:** [25. Februar 2011 um 09:33 UTC](https://forum.shopware.com/t/container-20-frage/1950/4 "2011-02-25T09:33:12Z")
Also mit border-style läßt sich schon einiges machen, Farbe, Rundung, Schatten. ---
**Author:** ![avenger](https://avatars.discourse-cdn.com/v4/letter/a/9de0a6/32.png) [@avenger](https://forum.shopware.com/u/avenger)\ **Post date:** [25. Februar 2011 um 14:04 UTC](https://forum.shopware.com/t/container-20-frage/1950/5 "2011-02-25T14:04:31Z")
[quote=“master\_1”]eine grafik als rahmen, ein hintergrundbild sozusagen.[/quote] Mit einem Hintergrundbild wird man das sicher nicht machen können, das das Ganze ja in der Höhe flexibel sein muss… Ich löse das meist so: IMG vor und nach dem Bereich, mit der Header-/Footergrafik. Dann bekommt der Bereich selbst ein “background-image” verpasst (mit “background-repeat:repeat-y”), das die Seitenränder enthält… Dann kann der Bereich mitwachsen… CSS Rundungen fallen leider aus, da der dumme IE (diese Geißel der Menschheit) so was nicht kann… ---
**Author:** ![master\_1](https://avatars.discourse-cdn.com/v4/letter/m/c89c15/32.png) [@master\_1](https://forum.shopware.com/u/master_1)\ **Post date:** [25. Februar 2011 um 22:01 UTC](https://forum.shopware.com/t/container-20-frage/1950/6 "2011-02-25T22:01:50Z")
[quote=“avenger”][quote=“master\_1”]eine grafik als rahmen, ein hintergrundbild sozusagen.[/quote] Mit einem Hintergrundbild wird man das sicher nicht machen können, das das Ganze ja in der Höhe flexibel sein muss… Ich löse das meist so: IMG vor und nach dem Bereich, mit der Header-/Footergrafik. Dann bekommt der Bereich selbst ein “background-image” verpasst (mit “background-repeat:repeat-y”), das die Seitenränder enthält… Dann kann der Bereich mitwachsen… CSS Rundungen fallen leider aus, da der dumme IE (diese Geißel der Menschheit) so was nicht kann…[/quote] und hättest dafür eventuell einen css code für mich als beispiel 😉 ---
**Author:** ![master\_1](https://avatars.discourse-cdn.com/v4/letter/m/c89c15/32.png) [@master\_1](https://forum.shopware.com/u/master_1)\ **Post date:** [2. März 2011 um 22:42 UTC](https://forum.shopware.com/t/container-20-frage/1950/7 "2011-03-02T22:42:07Z")
bei mir sieht der container\_20 so aus `.container\_20 { background: none repeat scroll 0 0 #FFFFFF; border: 2px solid; margin: 20px auto 0; overflow: hidden; text-align: left; width: 1000px;` ich möchte um den rahmen eine grafik, quais einen container um den container weil ich denke das geht nicht anders, oder kann man eine grafik ausserhalb der umrandung anzeigen ? lg ---
**Author:** ![avenger](https://avatars.discourse-cdn.com/v4/letter/a/9de0a6/32.png) [@avenger](https://forum.shopware.com/u/avenger)\ **Post date:** [3. März 2011 um 07:08 UTC](https://forum.shopware.com/t/container-20-frage/1950/8 "2011-03-03T07:08:06Z")
> [@master\\\_1](#): > > bei mir sieht der container\_20 so aus `.container\_20 { background: none repeat scroll 0 0 #FFFFFF; border: 2px solid; margin: 20px auto 0; overflow: hidden; text-align: left; width: 1000px;` ich möchte um den rahmen eine grafik, quais einen container um den container weil ich denke das geht nicht anders, oder kann man eine grafik ausserhalb der umrandung anzeigen ? lg   [/code] Und im CSS dann: `.container\_20\_header { background-image: url("../images/backgrounds/container\_20\_header.png"); background-repeat: no-repeat; height: 7px; font-size: 1px; }` („height: 7px;“ gibt die Höhe der Header-/Footer-Grafik an) ---
**Author:** ![avenger](https://avatars.discourse-cdn.com/v4/letter/a/9de0a6/32.png) [@avenger](https://forum.shopware.com/u/avenger)\ **Post date:** [3. März 2011 um 07:19 UTC](https://forum.shopware.com/t/container-20-frage/1950/9 "2011-03-03T07:19:31Z")
Da unsere Designer auch ab und an gerne mit abgerundeten Rahmen arbeiten, habe ich in einer Machbarkeitsstudie untersucht, wie man das realisieren kann, ohne das Template-HTML händisch modifizieren zu müssen. Auch hier hilft jQuery, mit dessen Hilfe ausgewählte Bereiche der Seite mit abgerundeten Rahmen versehen werden: [![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/85c76fb58166cf4de3275b6c73773b974ad2b94e.gif)](http://www.pic-upload.de/view-9093186/rounded.gif.html) ---
**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\ **Post date:** [3. März 2011 um 14:55 UTC](https://forum.shopware.com/t/container-20-frage/1950/10 "2011-03-03T14:55:24Z")
[quote=“avenger”]Da unsere Designer auch ab und an gerne mit abgerundeten Rahmen arbeiten, habe ich in einer Machbarkeitsstudie untersucht, wie man das realisieren kann, ohne das Template-HTML händisch modifizieren zu müssen. Auch hier hilft jQuery, mit dessen Hilfe ausgewählte Bereiche der Seite mit abgerundeten Rahmen versehen werden: [![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/85c76fb58166cf4de3275b6c73773b974ad2b94e.gif)](http://www.pic-upload.de/view-9093186/rounded.gif.html)[/quote] Klappt das auch mit dem IE, dem alten Vogel? ---
**Author:** ![avenger](https://avatars.discourse-cdn.com/v4/letter/a/9de0a6/32.png) [@avenger](https://forum.shopware.com/u/avenger)\ **Post date:** [3. März 2011 um 15:46 UTC](https://forum.shopware.com/t/container-20-frage/1950/11 "2011-03-03T15:46:34Z")
[quote=“ottscho”]Klappt das auch mit dem IE, dem alten Vogel?[/quote] Ja, das ist banales jQuery, das versteht sogar der IE7 noch…