Closed
Bug 307016
Opened 19 years ago
Closed 19 years ago
css render glitch border changes margin
Categories
(Firefox :: General, defect)
Tracking
()
RESOLVED
DUPLICATE
of bug 275366
People
(Reporter: simon.sigurdhsson, Unassigned)
Details
Attachments
(1 file)
757 bytes,
text/html
|
Details |
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b4) Gecko/20050901 Firefox/1.0+
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b4) Gecko/20050901 Firefox/1.0+
If you put a border on an element, it renders differently.
Try viewing the following in Firefox latest nightly build):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
html{background-color:#f6f6f6;padding: 0;margin:0;}
body{
width: 50%;
min-width: 450px;
max-width: 1000px;
background-color: #fff;
margin: 0 auto;
padding:0;
}
#logo{
background-color: #DCFFB9;
margin: 0;
}
#content{
border-top: 3px dashed #ABCDEF;
margin: 0;
}
*:hover{border: 1px solid green;}
</style>
</head>
<body>
<div id="logo">
<h1>Void</h1>
<h2>And all of its parts.</h2>
</div>
<div id="content"> </div>
</body>
</html>
Reproducible: Always
Steps to Reproduce:
1.Paste the HTML above into a file
2.Open it in Firefox
3.Hover over the green area to give it a border
4.Notice the margin glitch
Actual Results:
Margin changes to correct rendering on hover
Expected Results:
Margin should always render correct, not only when element has border
Comment 1•19 years ago
|
||
Comment 2•19 years ago
|
||
This is margin collapsing at work, the rendering is correct.
See bug 275366 comment 2
*** This bug has been marked as a duplicate of 275366 ***
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.
Description
•