Closed Bug 307016 Opened 19 years ago Closed 19 years ago

css render glitch border changes margin

Categories

(Firefox :: General, defect)

x86
Windows XP
defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 275366

People

(Reporter: simon.sigurdhsson, Unassigned)

Details

Attachments

(1 file)

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">&nbsp;</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
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.

Attachment

General

Created:
Updated:
Size: