Closed Bug 425629 Opened 18 years ago Closed 16 years ago

<input type=submit|button|reset> calculates text position wrong

Categories

(Firefox :: General, defect)

2.0 Branch
x86
Linux
defect
Not set
normal

Tracking

()

RESOLVED INCOMPLETE

People

(Reporter: andrem, Unassigned)

References

()

Details

(Whiteboard: [CLOSEME 2010-07-30])

User-Agent: Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.1.12) Gecko/20080129 Iceweasel/2.0.0.12 (Debian-2.0.0.12-1) Build Identifier: Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.1.12) Gecko/20080129 Iceweasel/2.0.0.12 (Debian-2.0.0.12-1) In the example page you can see the search button (german "Suche") in the left menu. its absolutely right positioned, and all other browsers display them right. when i use firebug and hover the element you even see it sits on the right place. however the text inside the element is moved 3 pixel to the right and 2 pixels down. if you change the type with firebug to type="text" it all sits right. so it isnt a problem with <input> elements but a problem when using buttons. Reproducible: Always Steps to Reproduce: 1. Create an input 2. style it to look like text 3. cahnge its type from "text" to "submit" Actual Results: The text ist moved some pixels, but its not the padding, looks there is another "inner-padding" inside a button element Expected Results: display the button like other browsers do tested on windows & unix
The issue I'm experiencing is similar to this. Could be the same culprit. I have a submit input and an anchor tag, with both styles set to make them appear the same. Works fine in Chrome, but in Firefox the text is shifted by a few pixels. Firebug shows the text inside the input tag as being centered, even if the CSS sets it to left justified. HTML: <form method="post" action="test.php"> <fieldset> <input type="submit" class="action" value="View Past Polls" /> </fieldset> </form> <a href="#" class="action">View Past Polls</a> CSS: input.action {color: #47829e; font-weight: 900; display: block; text-decoration: none; font-size: .9em; text-transform: uppercase; margin: 10px; background:transparent;} a.action {color: #47829e; font-weight: 900; display: block; text-decoration: none; font-size: .9em; text-transform: uppercase; margin: 10px;}
Reporter, are you still seeing this issue with Firefox 3.6.x or later in safe mode? If not, please close. These links can help you in your testing. http://support.mozilla.com/kb/Safe+Mode http://support.mozilla.com/kb/Managing+profiles
Whiteboard: [CLOSEME 2010-07-30]
Version: unspecified → 2.0 Branch
No reply, INCOMPLETE. Please retest with Firefox 3.6.8 or later and a new profile (http://support.mozilla.com/kb/Managing+profiles). If you continue to see this issue with the newest firefox and a new profile, then please comment on this bug.
Status: UNCONFIRMED → RESOLVED
Closed: 16 years ago
Resolution: --- → INCOMPLETE
You need to log in before you can comment on or make changes to this bug.