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
•