Closed
Bug 425629
Opened 18 years ago
Closed 16 years ago
<input type=submit|button|reset> calculates text position wrong
Categories
(Firefox :: General, defect)
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
| Reporter | ||
Updated•18 years ago
|
Comment 1•16 years ago
|
||
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;}
Comment 2•16 years ago
|
||
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
Comment 3•16 years ago
|
||
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.
Description
•