Closed Bug 305613 Opened 19 years ago Closed 19 years ago

Text of button field is cut by input field defined using CSS padding directive

Categories

(Core :: Layout, defect)

Product:
Core
Component:
Layout
Platform:
x86
Windows XP
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
RESOLVED DUPLICATE of bug 305176

People

(Reporter: david.cdb004, Unassigned)

References

(
URL
)

Details

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.10) Gecko/20050716 Firefox/1.0.6
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.10) Gecko/20050716 Firefox/1.0.6

"Input" and "Button" fields included in a table does not align well.  The text
of the button field is cut by the input field, when the input field is defined
using CSS padding directive.  See below for producing the problem.

Reproducible: Always

Steps to Reproduce:
1. Create the HTML file with the following contents:
<html>
	<head><link rel="stylesheet" type="text/css" href="a.css">
	<title>TITLE</title>
	</head>
<body>

<table cellpadding="0" cellspacing="0">
<td><a class="btn">SEARCH1234</a></td>
<td width="100%"><input></td>
</table>
</body></html>

2. Create "a.css" file with one line content:
.btn {;padding:0px 8px 0px 8px;}

3. Browse the html file.  See that the letter "4" of the "SEARCH1234" text is
hidden by the input field.
Actual Results:  
The letter "4" of the "SEARCH1234" text is hidden by the input field.

Expected Results:  
All the "SEARCH1234" text should be visible.
URL: %22btn%22%3ESEARCH1234%3C/a%3E%3C/td%...
Component: General → Layout
Product: Firefox → Core
Version: unspecified → Trunk

*** This bug has been marked as a duplicate of 305176 ***
Status: UNCONFIRMED → RESOLVED
Closed: 19 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.