Closed Bug 273145 Opened 20 years ago Closed 20 years ago

Position of <hr/> get confused by floated element next to it.

Categories

(Core :: Layout: Floats, defect)

x86
Windows XP
defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 244932

People

(Reporter: zbynek.winkler, Unassigned)

Details

Attachments

(1 file)

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; rv:1.7.3) Gecko/20041001 Firefox/0.10.1
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; rv:1.7.3) Gecko/20041001 Firefox/0.10.1

Removing some borders from hr causes shifts in its position when next to a
floated element. A simple test case attached.

Reproducible: Always
Steps to Reproduce:
1.view the attached file

Actual Results:  
Hr strikes through the floated element.

Expected Results:  
Borders should not affect position.

<html>
	<head>
		<style type="text/css">
			hr { 
			 	border-left: none;
				border-right: none;	
				border-top: 1px solid black; 
			}
			#box {
				float: right;
				width: 120px;
				height: 120px;
				border: 1px solid black;
			}
			#spacer {
				height: 50px;
			}
	</style>

<body>
 
	<div id='box'></div>
	<div id='spacer'></div>
	<hr/>

</body>
</html>
Attached file testcase

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

Attachment

General

Creator:
Created:
Updated:
Size: