107122 - <hr> elements do not honor left and right margins in style

Status: RESOLVED FIXED

(Core :: Layout, defect)

Description

[Serge Torres]

One way to make a centered ruled with a proportional width is to set the left
and right margins in a style attribute.
Ex. (in XHTML) : <hr style="margin-left=40%;margin-right=40%" /> for a 20% with
rule.
Mozilla 0.9.5, Redhat 7 rpm build, fails to honor the style whether the margins
are proportional or absolute.
In the proportional case, the rule is offset to the right as much as 200% of the
screen width. The rule itself is about a 100% wide. You have to scroll by a
large amount to see it.
In the absolute case, Mozilla correctly takes into account the left margin but
fails to honor the right margin. The rule seems to have a 100% width so you have
 to scroll to the right by the width of the left margin to see its end.
This behaviour shows up in xhtml and html (loose DTD). I did not test other
documents type.
The margins show up as expected under Netscape 4.78, Amaya 5.1, Internet
Explorer 5 (Windows 2K). Netscpae 6.1 (Windows 2K) exhibit the same behaviour as
Mozilla.

Cheers,

Serge Torres
Ecole normale superieure

Comment 1

[Christopher Hoess (gone)]

There's another bug out there somewhere on this. <hr> is a horrible hack in
quirks mode, trying to get consistent behavior out of it is nearly impossible.

Comment 2

[Christopher Hoess (gone)]

Attachment: Strict testcase

Comment 3

[Christopher Hoess (gone)]

WFM in strict and quirks modes on today's Linux CVS. Reporter, do you have a
testcase for this?

Comment 4

[Marc Attinasi]

Attachment: Here is the testcase maile to me by Serge (XHTML doctype)

Removing the DOCTYPE makes this one work...

Comment 5

[Chris Petersen]

Confirming issue in the Nov 9th build.

Comment 6

[Chris Petersen]

The problem occur in standards mode only:

See trans_url_doctype_hr.html

Comment 7

[Chris Petersen]

Attachment: Standards mode enabled with test case

Comment 8

[gavin long]

*** Bug 143901 has been marked as a duplicate of this bug. ***

Comment 9

[gavin long]

Attachment: standards-mode testcase from duplicate bug 143901

Comment 10

[gavin long]

having poked around the testcase in the DOM inspector, and played with it a bit,
it looks like the <hr> is having its width computed at [whatever], THEN the
margin is applied, but the margin makes it wider than the containing box, so the
containing box is made wider to fit it in.  

I'm not a layout guru in _any_ nearby universe, but that doesn't sound right.

Comment 11

[Robin Whittle]

Please take a look at bug 155523.  It seems that sometime between 11 and 28 June
2002 something happened which causes horizontal rules / lines of, say 100
pixels, to be rendered in the middle / center / centre (searchbait) of the page.
 Here is a distracting test case, where the small horizontal lines should all be
on the left:

  http://www.firstpr.com.au/show-and-tell/corsetry-1/

This does not involve CSS at all.

- Robin Whittle

Comment 12

[alge]

*** Bug 158701 has been marked as a duplicate of this bug. ***

Comment 13

[Adam Hauner]

-> [e-mail]

Comment 14

[Boris Zbarsky [:bzbarsky]]

Fixed by bug 38370.