"Automatische" Margin in Google Chrome

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? 
 

Ich danke euch schon einmal für die hilfe.

Liebe Grüße aus Dresden.

 

Firefox:

 

Google Chrome/ Safari

Firefox Seetings: 

 

Google Chrome Settings: 

index.less: 

output.tpl:

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

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.

 

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

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

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