absolute Positionierung in Buttons - FF Bug?
Liste der Anhänge anzeigen (Anzahl: 1)
Hallo!
Ich versuche, Elemente innerhalb eines Buttons absolute zu positionieren. Tragischer Weise klappt das im IE (6-8) wunderbar, der Firefox macht totalen murks! Er weiß einfach nicht, wie groß der Button ist, wenn ich das Element darin positioniere. Egal ob der Button relative oder absolute positioniert ist, statt durch "top: 0; left: 0;" in der oberen linken Ecke zu sitzen, sitzt das innerhalb positionierte Element "fast" links und "fast" in der Mitte! Wieso? Ich weiß nicht mehr weiter! Vermutlich hat es etwas mit dem bekannten Bug zu tun, dass der Firefox "line-height" für Buttons nicht akzeptiert - aber auch das glaube ich eig. nicht, denn wieso ist es dann nichtmal ganz links, bzw. bei "right: 0" zu weit rechts? Bin dankbar für jegliche Tipps! HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
Wenn es sich denn tatsächlich um den Firefox button-line-height-Bug handeln sollte, wäre es kein Bug, sondern von Firefox so gewollt, wie ein Blick in die Firefox Browser-CSS zeigt:
Code:
button, input[type="reset"], input[type="button"], input[type="submit"] { |
padding auf .testbutton scheint nicht zu helfen.
Du könntest position: relative; in ein zusätzliches Element um .testbutton verlegen. |
Danke für eure Antworten.
Den horizontalen Versatz im FF konnte ich mit HTML-Code:
button::-moz-focus-inner{padding:0;border:none;} Der vertikale Versatz hat relativ sicher was mit line-height zu tun, das Element schwebt immer auf Texthöhe :/ Was da "hilft" ist, den padding-bottom wert auf den gleichen Wert wie die Höhe zu setzen. Verrückt aber wahr, hat im IE keinerlei auswirkung, da ist immernoch alles gut, der FF rendert den Button dann plötzlich (fast) korrekt!?! Leider klebt der Text dann am oberen Rand, anstatt vertikal zentriert zu sein :( Das umschließende relative Element fällt leider aus, da der HTML-Code nachher nicht von mir kommen wird. Ich glaube ich muss mir was neues überlegen... Danke |
Alle Zeitangaben in WEZ +2. Es ist jetzt 13:14 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023