# "Automatische" Margin in Google Chrome

**URL:** <https://forum.shopware.com/t/automatische-margin-in-google-chrome/41091>\
**Category:** Plugins\
**Tags:** drittanbieter-plugin\
**Created:** [4. November 2016 um 13:32 UTC](https://forum.shopware.com/t/automatische-margin-in-google-chrome/41091 "2016-11-04T13:32:31Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sascha\_Zoundhouse](https://avatars.discourse-cdn.com/v4/letter/s/e47c2d/32.png) [@Sascha\_Zoundhouse](https://forum.shopware.com/u/Sascha_Zoundhouse)\
**Post date:** [4. November 2016 um 13:32 UTC](https://forum.shopware.com/t/automatische-margin-in-google-chrome/41091/1 "2016-11-04T13:32:31Z")

</div>

Hallo,

und zwar nutze ich das Plugin “Wolf PaymentIcons 1.5” und hab mir dort passend ein Bild/Button mit eingebunden was in Firefox auch an der richtigen stellen angezeigt wird.  
Jedoch in Chrome versetzt.

In Firefox sind Margin 8px gesetz in Chrome kommmt aber ein element.style “Margin 0” was das andere überschreibt.  
Ich bekomm es leider nicht weg, egal was ich in die output.tpl oder index.less reinschreibe.

Ich finde auch nicht wo der Margin 0 herkommt. Ich hab auch schon sämtliche datein des Plugin durchsucht.  
habt ihr noch eine idee, wie ich das problem lösen kann?&nbsp;  
&nbsp;

Ich danke euch schon einmal für die hilfe.

Liebe Grüße aus Dresden.

&nbsp;

**Firefox:**

[![](http://www.bilder-upload.eu/upload/585476-1478265979.png)](http://www.bilder-upload.eu/show.php?file=585476-1478265979.png)

&nbsp;

**Google Chrome/ Safari**

**Firefox Seetings:&nbsp;**

&nbsp;

**Google Chrome Settings:&nbsp;**

**index.less:&nbsp;**

**output.tpl:**

---

<div class="post-metadata">

**Author:** ![Heiner\_Lohaus](https://avatars.discourse-cdn.com/v4/letter/h/b5a626/32.png) [@Heiner\_Lohaus](https://forum.shopware.com/u/Heiner_Lohaus)\
**Post date:** [8. November 2016 um 13:13 UTC](https://forum.shopware.com/t/automatische-margin-in-google-chrome/41091/2 "2016-11-08T13:13:52Z")

</div>

Hi,

warum genau bindest du das Bild mit einem iFrame ein?  
So ist es doch natürlich, dass der Browser die Bilder unterschiedlich anzeigt.

Gruß Heiner

---

<div class="post-metadata">

**Author:** ![Sascha\_Zoundhouse](https://avatars.discourse-cdn.com/v4/letter/s/e47c2d/32.png) [@Sascha\_Zoundhouse](https://forum.shopware.com/u/Sascha_Zoundhouse)\
**Post date:** [14. November 2016 um 13:28 UTC](https://forum.shopware.com/t/automatische-margin-in-google-chrome/41091/3 "2016-11-14T13:28:39Z")

</div>

Weil bei einm Mouse Over das Bild sich ein stück nach links bewegt.  
Leider bin ich derzeit generell noch am einlernen in Webprogrammierung und hab dementsprechend noch keinen besseren weg gefunden.

&nbsp;

Vielleicht habt ih nur ein tipp, wie ich es besser einbinden kann?

---

<div class="post-metadata">

**Author:** ![Sascha\_Zoundhouse](https://avatars.discourse-cdn.com/v4/letter/s/e47c2d/32.png) [@Sascha\_Zoundhouse](https://forum.shopware.com/u/Sascha_Zoundhouse)\
**Post date:** [10. Februar 2017 um 12:41 UTC](https://forum.shopware.com/t/automatische-margin-in-google-chrome/41091/4 "2017-02-10T12:41:22Z")

</div>

Nach 3 Monaten geh ich das Problem erneut an, leider weiterhin ohne erfolg.  
Ich finde einfach nicht, wo das herkommen kann…&nbsp;

---

<div class="post-metadata">

**Author:** ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)\
**Post date:** [10. Februar 2017 um 12:48 UTC](https://forum.shopware.com/t/automatische-margin-in-google-chrome/41091/5 "2017-02-10T12:48:52Z")

</div>

Also wie in deiner Screenshot schon steht kommt das Margin aus dem „user agent stylesheet“, also dem vordefinierten Browsererinstellungen. &nbsp;Verschiedene Browser, verschiedene Einstellungen. Dein CSS greift nicht, weil dieser ausgewählter Body im Iframe ist. In diesem Iframe ist kein CSS drin.
