CSS: Unterschiedliche Höhe in Firefox zu Chrome
Guten Abend zusammen,
bei meiner Positionierung in CSS habe ich das Problem, dass in Firefox das Bild ca. 10px höher ist, wie in Chrome.
Ich habe schon einiges Probiert, aber komme auf keinen grünen Zweig.
• unter Top: margin: 0; padding: 0;
• normalize.css
• Elternklasse "position:absolute;" und img Klasse "position:relative;"
• display:flex;
alles hat kein gleiches Ergebnis gebracht..
Hier mal mein Code:
HTML:
CSS:
Vielen Dank & noch einen schönen Abend
Kevin
bei meiner Positionierung in CSS habe ich das Problem, dass in Firefox das Bild ca. 10px höher ist, wie in Chrome.
Ich habe schon einiges Probiert, aber komme auf keinen grünen Zweig.
• unter Top: margin: 0; padding: 0;
• normalize.css
• Elternklasse "position:absolute;" und img Klasse "position:relative;"
• display:flex;
alles hat kein gleiches Ergebnis gebracht..
Hier mal mein Code:
HTML:
<div class="icopic">
<center><img src="img/pin_logo.ico" /></center>
</div>
CSS:
.icopic img{
height: 50px;
width: 50px;
top: 770px;
left: 15px;
position: relative;
z-index: 2;
}
Vielen Dank & noch einen schönen Abend
Kevin
Please also mark the comments that contributed to the solution of the article
Content-Key: 847049456
Url: https://administrator.de/contentid/847049456
Printed on: May 11, 2024 at 10:05 o'clock
4 Comments
Latest comment
Füge mal zum CSS ".icopic img" folgendes hinzu: font-size: 0;
P.S. warum fügst du die Screenshot nicht direkt bei uns hinzu (klick auf das Bilder-Icon) und verweist auf externe Links? Da wird niemand hier drauf klicken.
.icopic img{
height: 50px;
width: 50px;
top: 770px;
left: 15px;
position: relative;
z-index: 2;
font-size: 0;
}
P.S. warum fügst du die Screenshot nicht direkt bei uns hinzu (klick auf das Bilder-Icon) und verweist auf externe Links? Da wird niemand hier drauf klicken.
Moin,
die "spannende" Frage ist auch noch, was ist um dein <div> </div> herum vorhanden.
Nicht, dass dir da ein anderer Tag oder eine vergessene Spitze Klammer in die Suppe spuckt und es gar nichts mit deinem obigen Schnipsel zu tun hat. Auch ein Leerzeichen resp. kann schon für einen unterschied sorgen.
Zwar müsste es dann - theoretisch - gleich sein, aber in meinen frühen HTML-Gehversuchen ist mir das auch mal untergekommen. Firefox hat einen von mir versehentliche Fehler ignoriert und alles korrekt dargestellt, der damalige IE6 hat da irgendwo ne Lücke "eingebaut"...
Schaue also auch einmal"links und rechts" ober- und unterhalb deines Icons nach Fehlern...
Gruß
em-pie
die "spannende" Frage ist auch noch, was ist um dein <div> </div> herum vorhanden.
Nicht, dass dir da ein anderer Tag oder eine vergessene Spitze Klammer in die Suppe spuckt und es gar nichts mit deinem obigen Schnipsel zu tun hat. Auch ein Leerzeichen resp. kann schon für einen unterschied sorgen.
Zwar müsste es dann - theoretisch - gleich sein, aber in meinen frühen HTML-Gehversuchen ist mir das auch mal untergekommen. Firefox hat einen von mir versehentliche Fehler ignoriert und alles korrekt dargestellt, der damalige IE6 hat da irgendwo ne Lücke "eingebaut"...
Schaue also auch einmal
Gruß
em-pie