FF hat unerklärlichen Abstand zwischen button und eingebettetem span
Hi zusammen!
Ich habe ein mir unerklärliches css-Problem mit Firefox, das bei sonst keinem (getesteten) Browser auftritt und hoffe, dass mir hier jemand helfen kann. Alles ist xhtml und css validiert und zum besseren Verständnis habe ich die Hintergründe noch eingefärbt. Der xhtml Code ist: HTML-Code:
<button id="totopbutton" class="form-button-alt" onclick="window.scrollTo(0,0);" style="opacity: 1;"> Code:
* { margin:0; padding:0; } Und hier ein Bild wie es entstellt wird (Snapshot aus Firefox): http://www.infestedwear.com/media/totopfirefox.jpg Wie beim Firefox Bild deutlich erkennbar ist, wird das eingebette span Element 1px zu tief angezeigt und links und rechts ist ein je 3px breiter Abstand. Da ich im css-Code schon alle paddings, borders und margins an denen es liegen könnte auf 0 gesetzt hab und es ja im Opera richtig angezeigt wird bin ich total ratlos. Ich hoffe jemand von euch kann mir helfen! MFG |
Der FX ist (immer noch) sehr "eigen" mit dem button-Element, was spricht gegen input? Abgesehen davon, dass im konkreten Fall eh ein normaler Link angebrachter wäre (der übrigens für den Sprung nach oben auch kein JS braucht).
|
Erst mal danke für die schnelle Antwort!
Bei diesem Beispiel spricht nichts gegen Input oder Link, allerdings ist das ganze Teil eines großen Shopsystems, bei dem die Buttons nicht nur in den anpassbaren Themes, sondern auch im Core-Code erzeugt werden, welchen ich nur sehr ungern ändern würde, weil dieser Code bei jedem Update über das Backend überschrieben werden könnte. |
Alle Zeitangaben in WEZ +2. Es ist jetzt 17:52 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023