63434 - <HR> has extra whitespace above and below besides margins and padding.

Status: RESOLVED WORKSFORME

(Core :: Layout, defect, P3)

Description

[Curtis Clauson]

If you eliminate all margins and padding and give an HR element a 1px border,
you get about .5em of whitespace above and below. The example at the given URL
shows an H1, a number of DIVs, and a number of HRs, all without margins or
padding. The H1 and the DIVs are all vertically adjacent, the HRs all have about
.5em of whitespace separation.

The HTML v4.0 specification says:
   "The amount of vertical space inserted between a rule and the content that
surrounds it depends on the user agent."

While technically allowable, this type of hard-coded whitespace is a major
problem for web-page designers and should be eliminated. A .5em top and bottom
margin can be emplaced in the default style sheet. This would allow a designer
to size the separating whitespace as they see fit, even to the point of
eliminating all of it.

Comment 1

[Hixie (not reading bugmail)]

This would be solved by fixing bug 38370.

Comment 2

[fantasai]

Attachment: testcase

Comment 3

[karnaze (gone)]

Reassigning to Buster.

Comment 4

[karnaze (gone)]

Moving to m1.0 and reassigning to attinasi.

Comment 5

[Hixie (not reading bugmail)]

This is fixed by my fix to bug 38370.

Comment 6

[Asa Dotzler [:asa]]

Bugs targeted at mozilla1.0 without the mozilla1.0 keyword moved to mozilla1.0.1 
(you can query for this string to delete spam or retrieve the list of bugs I've 
moved)

Comment 7

[Bruce Davidson]

This has indeed been fixed by the (eventual!) checkin for bug 38370
(30/07/2003). Checked the test case carefully, all margins as specified in the
CSS with no extra spaces around the <hr> elements. Changing the default font
size as directed in the test case and margins are still correct.

Marking as WFM (Mozilla nightly 2003081304).