# \[GELÖST\] Graue Fläche unter Footer **URL:** \ **Category:** Shopware 3.5\ **Tags:** templates--design\ **Created:** [22. Dezember 2011 um 12:25 UTC](https://forum.shopware.com/t/gelost-graue-flache-unter-footer/5550 "2011-12-22T12:25:22Z")\ **Posts on this page:** 13\ **Page:** 1
**Author:** ![werny](https://avatars.discourse-cdn.com/v4/letter/w/ba9def/32.png) [@werny](https://forum.shopware.com/u/werny)\ **Post date:** [22. Dezember 2011 um 12:25 UTC](https://forum.shopware.com/t/gelost-graue-flache-unter-footer/5550/1 "2011-12-22T12:25:22Z")
Nachdem ich ein wenig mein Template angepasst habe musste ich feststellen das ich eine graue Fläche unter dem Footer habe die sich nicht identifizieren lässt. Ursache unbekannt. Weiß jemand vielleicht wo ich anfangen könnte zu suchen? [Link zum Bild](http://dl.dropbox.com/u/2198251/shopware%5C_fehler.png) ---
**Author:** ![pfiffi80](https://avatars.discourse-cdn.com/v4/letter/p/57b2e6/32.png) [@pfiffi80](https://forum.shopware.com/u/pfiffi80)\ **Post date:** [22. Dezember 2011 um 15:11 UTC](https://forum.shopware.com/t/gelost-graue-flache-unter-footer/5550/2 "2011-12-22T15:11:09Z")
Hi, schau dir am besten mal in der CSS den “body” und “html” an. ---
**Author:** ![werny](https://avatars.discourse-cdn.com/v4/letter/w/ba9def/32.png) [@werny](https://forum.shopware.com/u/werny)\ **Post date:** [22. Dezember 2011 um 15:16 UTC](https://forum.shopware.com/t/gelost-graue-flache-unter-footer/5550/3 "2011-12-22T15:16:11Z")
Ja habe ich. Höhenangaben gibt es dort keine. ---
**Author:** ![artep](https://avatars.discourse-cdn.com/v4/letter/a/aca169/32.png) [@artep](https://forum.shopware.com/u/artep)\ **Post date:** [23. Dezember 2011 um 00:21 UTC](https://forum.shopware.com/t/gelost-graue-flache-unter-footer/5550/4 "2011-12-23T00:21:55Z")
Ich weiss nicht genau ob’s daran liegt, aber hast Du evtl. ein Bild eingefügt? Z.B. Hintergrundbild? Ich hatte das auch mal und da hatte ich links unten ein Bild eingefügt und die Positionierung stimmte nicht. Vielleicht ist es Dein Hintergrund?? ---
**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:** [23. Dezember 2011 um 01:31 UTC](https://forum.shopware.com/t/gelost-graue-flache-unter-footer/5550/5 "2011-12-23T01:31:10Z")
du musst das padding in der css wo du den hg eingefügt hast beim body anpassen. das grau was du siehst ist standard als hg farbe. z.b. in der green.css bei body { padding-top: 3px; auf 0px und wenns nicht hilft dann mach ein body { padding: 3px; draus ansonsten hast du ein falsches css für das hg bild angegeben ! lg ---
**Author:** ![Marc\_M\_Muller](https://avatars.discourse-cdn.com/v4/letter/m/ce73a5/32.png) [@Marc\_M\_Muller](https://forum.shopware.com/u/Marc_M_Muller)\ **Post date:** [23. Dezember 2011 um 01:33 UTC](https://forum.shopware.com/t/gelost-graue-flache-unter-footer/5550/6 "2011-12-23T01:33:43Z")
so wie es auf dem foto aussieht hört das Template da einfach auf und der Browser bzw. Aktive-Desktop füllt das mit grau auf weil die Bildschirmauflösung so groß ist. Ich würde mal einfach ein paar Leerzeilen ` ` am ende einfügen und das Verhalten beobachten. ---
**Author:** ![geniusgmbhtv](https://avatars.discourse-cdn.com/v4/letter/g/a698b9/32.png) [@geniusgmbhtv](https://forum.shopware.com/u/geniusgmbhtv)\ **Post date:** [23. Dezember 2011 um 09:31 UTC](https://forum.shopware.com/t/gelost-graue-flache-unter-footer/5550/7 "2011-12-23T09:31:23Z")
Hi, ich hatte das Problem auch. Das lag bei mir am Shopware Footer. Habe das ganze so in meiner CSS angepasst: `.shopware\_footer { margin: 0 auto; }` Grüße ---
**Author:** ![werny](https://avatars.discourse-cdn.com/v4/letter/w/ba9def/32.png) [@werny](https://forum.shopware.com/u/werny)\ **Post date:** [23. Dezember 2011 um 10:42 UTC](https://forum.shopware.com/t/gelost-graue-flache-unter-footer/5550/8 "2011-12-23T10:42:06Z")
Also mit br’s lässt sich der Bereich verringern. und das Hintergrundbild das eigentlich viel größer ist wird sichtbar. Es liegt also hinter der grauen Fläche. Die anderen erwähnten Sachen wie padding verändern oder margin im footer haben keine Abhilfe gebracht. ---
**Author:** ![geniusgmbhtv](https://avatars.discourse-cdn.com/v4/letter/g/a698b9/32.png) [@geniusgmbhtv](https://forum.shopware.com/u/geniusgmbhtv)\ **Post date:** [23. Dezember 2011 um 11:26 UTC](https://forum.shopware.com/t/gelost-graue-flache-unter-footer/5550/9 "2011-12-23T11:26:21Z")
Kann ich mal nen Link zu deiner Seite bekommen? Grüße ---
**Author:** ![werny](https://avatars.discourse-cdn.com/v4/letter/w/ba9def/32.png) [@werny](https://forum.shopware.com/u/werny)\ **Post date:** [23. Dezember 2011 um 11:34 UTC](https://forum.shopware.com/t/gelost-graue-flache-unter-footer/5550/10 "2011-12-23T11:34:06Z")
Im Prinzip kann das eigentlich jeder. Ich bitte nur um Verständnis das der Shop noch nicht fertig gestellt ist. [http://www.werny-handel.net](http://www.werny-handel.net) Die graue Fläche kommt aber auch woanders her denn das grau ist bei mir nicht als bg Farbe eingetragen. ---
**Author:** ![Stephan\_Pohl](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/stephan_pohl/32/10212_2.png) [@Stephan\_Pohl](https://forum.shopware.com/u/Stephan_Pohl)\ **Post date:** [23. Dezember 2011 um 13:20 UTC](https://forum.shopware.com/t/gelost-graue-flache-unter-footer/5550/11 "2011-12-23T13:20:41Z")
Hallo werny, das Problem ist, dass das „body“-Tag nicht den kompletter Browser (Viewport) ausfüllt, sondern sich an der Höhe des Contents richtet. Du musst das Hintergrundbild auf das „html“-Tag setzen und nicht auf das „body“-Tag. Damit das Bild dann auch noch ordentlich skaliert wird gibt es in CSS3 die Eigenschaft „background-size“, womit man sowas steuern kann. Beispiel: `html { /\*\* Sets the background image \*/ background: url(images/bg.jpg) no-repeat center center fixed; /\*\* Safari / Chrome \*/ -webkit-background-size: cover; /\*\* Firefox \*/ -moz-background-size: cover; /\*\* Opera \*/ -o-background-size: cover; /\*\* W3C standard format \*/ background-size: cover; /\*\* IE 6-7 \*/ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.images/bg.jpg', sizingMethod='scale'); /\*\* IE 8-9 \*/ -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg.jpg', sizingMethod='scale')"; }` P.S.: Die graue Hintergrundfarbe wird in der colors.css auf das „html“-Element gesetzt 😉 Viele Grüße, Stephan Pohl :shopware: ---
**Author:** ![werny](https://avatars.discourse-cdn.com/v4/letter/w/ba9def/32.png) [@werny](https://forum.shopware.com/u/werny)\ **Post date:** [23. Dezember 2011 um 13:50 UTC](https://forum.shopware.com/t/gelost-graue-flache-unter-footer/5550/12 "2011-12-23T13:50:44Z")
Inwiefern funktioniert das CSS 3 auch bei älteren Browsern? Wenn ich das Hintergrundbild auf den html tag definiere funktioniert alles erstmal tadellos aber das skalieren wäre trotzdem eine Option für neuere Browser. Kann ich beides nutzen? ---
**Author:** ![Stephan\_Pohl](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/stephan_pohl/32/10212_2.png) [@Stephan\_Pohl](https://forum.shopware.com/u/Stephan_Pohl)\ **Post date:** [24. Dezember 2011 um 10:57 UTC](https://forum.shopware.com/t/gelost-graue-flache-unter-footer/5550/13 "2011-12-24T10:57:07Z")
Hallo werny, CSS3 setzt auf CSS 2.1 komplett auf. Wenn ein Browser eine CSS3 Eigenschaft nicht unterstützt wird diese einfach ignoriert. Die von mir gepostete Lösung ist komplett Cross-Browser konform, so dass du damit auch im IE kein Problem bekommen solltest. Zur Veranschaulichung habe ich das Code-Snippet in meinen letzten Post durch kommentiert. Viele Grüße, Stephan Pohl :shopware: