Closed
Bug 398959
Opened 18 years ago
Closed 15 years ago
Input element display:block not adding border to height
Categories
(Firefox :: General, defect)
Tracking
()
RESOLVED
INCOMPLETE
People
(Reporter: jab_creations, Unassigned)
Details
(Whiteboard: [CLOSEME 2010-07-30])
Attachments
(1 file)
|
39.97 KB,
image/jpeg
|
Details |
input's height
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9a9pre) Gecko/2007100705 Minefield/3.0a9pre
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9a9pre) Gecko/2007100705 Minefield/3.0a9pre
I'm not clear on the CSS specification as far as inline elements being displayed as block level elements. I can clarify that if an inline element is supposed to act *exactly* as a block level element that input buttons are not having their borders added to the total height if they are set to display: block. For clarification the input I've been messing with is set to type="submit" however changing it to type="button" has no effect on the styling.
Reproducible: Always
Steps to Reproduce:
1. <input class="mybutton" type="submit" />
2. input.mybutton {display: block; border: #000 solid 1px; height: 18px; margin: 0px; padding: 0px;}
3. Take a screenshot, I'm sure it should be displayed as 20px though not 100% sure.
Actual Results:
The button is rendered as 18px, the border is not added to the total height.
Expected Results:
The button should be rendered as 20px (top to bottom borders included at 1px respectively) in total height. Since it's an inline element not sure if there is anything special to block level measurements.
Mozilla/5.0 (Windows; U; Windows NT 5.1; ko; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
[input type="text"] is same as this bug. It's randomly occured.
Expected '20px' = height:15px + padding-top:3px + border-width:1px 0, but FF rendered '15px'.
|
||
Comment 2•15 years ago
|
||
Does this happen in 3.6.6 or later in a fresh profile?
Whiteboard: [CLOSEME 2010-07-30]
Version: unspecified → 3.0 Branch
|
|
Reporter | |
Comment 3•15 years ago
|
||
Here is an example XHTML file as is originally posted about a 18px high input element with a 1px border should have a total height of 20px however is rendered as 22px total...
example1.xhtml
*************
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Visitor Contact</title>
<style type="text/css">
input
{
border: #000 solid 1px;
display: block;
height: 18px;
margin: 0px;
padding: 0px;
}
</style>
</head>
<body>
<form action="" method="get">
<fieldset>
<input type="text" value="" />
</fieldset>
</form>
</body>
</html>
*************
|
|
||
Comment 4•15 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: 15 years ago
Resolution: --- → INCOMPLETE
You need to log in
before you can comment on or make changes to this bug.
Description
•