Closed
Bug 475665
Opened 17 years ago
Closed 17 years ago
Div border collapse with child(input text) after using doctype
Categories
(Firefox :: General, defect)
Tracking
()
RESOLVED
DUPLICATE
of bug 371502
People
(Reporter: rick4gwt, Unassigned)
Details
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5
I have a div whose size is set to 100px and a border is applied of 1px. A input type text is placed inside the div and its size is set to 100px. Now when we use doctype: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
parent Div border collapse with textBox
Reproducible: Always
Steps to Reproduce:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
</head>
<body>
<div style="position:fixed;left: 267px; top: 133px;border:1px solid black;width:100px;">
<input type=text style="width:100px;"/>
</div>
</body></html>
Actual Results:
text box is getting conflicted with border of div
Expected Results:
text box should not be conflicted with border of div
It produced only when we are using doctype
|
||
Comment 1•17 years ago
|
||
The DOCTYPE triggers Standards mode layout where the CSS 'width' property
specifies content width. Without a DOCTYPE we're using Quirks mode layout
which changes the meaning of 'width' to be the width of the border box,
for compatibility with IE.
http://mxr.mozilla.org/mozilla/source/layout/style/quirk.css?mark=278-282#278
See the links in bug 371502 comment 1.
Status: UNCONFIRMED → RESOLVED
Closed: 17 years ago
Resolution: --- → DUPLICATE
|
|
||
Comment 2•17 years ago
|
||
... changes the meaning of 'width' to be the width of the border box
for <input> and <textarea> ... I should have said.
You need to log in
before you can comment on or make changes to this bug.
Description
•