According to this bug report:
http://bugzilla.mozilla.org/show_bug.cgi?id=60325
<hr> is affected by the font-size attribute in Mozilla. You could reduce
the whitespace by adding a font-size of 1px, but there is still some
whitespace.
It seems that mozilla gives hr extra padding/margin of .5em on top and
bottom. if you do a
margin-top: -.5em;
margin-bottom: -.5em;
the margins go away.
According to this bug report:
http://bugzilla.mozilla.org/show_bug.cgi?id=2590
There was a suggestion to make <hr> like an empty <div>. If it is
suppost to be an empty <div>, setting margin: 0; should work. I guess
there is still some hard-coded stuff for this element.
basic (LW)
Curtis Clauson wrote:
>
> If you remove any margins and padding from above and below an <HR> element (and any
>from the
> surrounding elements), you are still left with a considerable amount of whitespace.
>It does
> state in the HTML specification that:
>
> "The amount of vertical space inserted between a rule and the content that
>surrounds
> it depends on the user agent."
>
> However, the existance of any whitespace beyond that added by margins or padding is
>a nasty
> layout problem to a page developer. Is there any actual reason that Mozilla is
>rendering the
> <HR> element with this extra whitespace (MSIE does it too, but that's certainly no
>excuse)?
>
> An example page which shows an <H1>, some <DIV>s, and some <HR>s without margins or
>paddings can
> be seen at:
> http://www.thesnakepitdev.com/mozilla/hr.html
> --
> The Snake Pit - Development www.TheSnakePitDev.com
> Curtis Clauson [EMAIL PROTECTED]
> Proprietor
> (Please respond to the newsgroup. To email me, use the above address.)
