Alan, you did _not_ respond to the list and therefore I'll repeat your
message here:
On 05/04/2008, Alan K Baker <[EMAIL PROTECTED]> wrote:
>
>
> I didn't measure "enormous" but an estimate is over 20px, which is far more
> than a simple margin error.
>
> The code is very simple:
>
> CSS:
>
> hr {
> background-color:#dd0000; /* One browser needed this, I forget which one
> <grin> */
> color:#dd0000;
> /* Enter margin:0; padding 0: for Firefox */
> }
>
> #header {
> display:block;
> position:absolute 0 0 ;
> width:800px;
> height:160px;
> margin:0;
> padding:0;
> }
>
> #header h1 {
> font-family:"Times New Roman", Times, serif;
> font-size:90px;
> font-weight:normal;
> color:#dd0000;
> text-align:center;
> margin:0;
> padding-top:15px;
> }
>
> HTML
>
> <div id="header">
> <h1>Some header text</h1>
> <hr />
> </div>
>
> Regards,
>
> Alan.
You wrote:
> hr {
> background-color:#dd0000; /* One browser needed this, I forget which one
> <grin> */
> color:#dd0000;
> /* Enter margin:0; padding 0: for Firefox */
> }
and earlier:
> > If I style <hr /> as follows: hr {color:red;} it does appear as red and
> displays correctly in most browsers.
> > However, in Firefox it displays, but with an enormous amount of top and
> bottom padding.
Please note that color does not have any meaning if the element has no
content. This only leaves border-color and background-color to specify
any color for styling.
> I didn't measure "enormous" but an estimate is over 20px, which is far more
> than a simple margin error.
Sometimes you claim it to be a padding (right) and sometimes a margin
(false, as no color specification is applicable to the margin).
You wrote:
> > I just found another bug in Firefox 2.0.0.13 which I haven't seen listed
> anywhere else.
> > If I style <hr /> as follows: hr {color:red;} it does appear as red and
and later:
> The code is very simple:
(for the code see above).
I'm sorry, yes the code you posted is very simple, but it does not
show any bug in Firefox 2.0.0.13. The only problem is, you forgot to
show us the rule from your stylesheet, which causes the padding ("is
over 20px") on the <hr />. As a guess, that rule might just look like
this:
html * {padding: 12px 0 12px 0;}
Manfred
> ----- Original Message -----
> From: Manfred Staudinger
> To: Alan K Baker
> Cc: css-d
> Sent: Friday, April 04, 2008 7:13 PM
> Subject: Re: [css-d] <hr /> styling
>
> > I just found another bug in Firefox 2.0.0.13 which I haven't seen listed
> anywhere else.
> >
> > If I style <hr /> as follows: hr {color:red;} it does appear as red and
> displays correctly in most browsers.
> > However, in Firefox it displays, but with an enormous amount of top and
> bottom padding.
> > This also causes problems with floats, which tend to float upwards and
> partially cover the horizontal rule, leaving a large gap where the float
> sits.
> >
> > The good news is that it can be cured. :-)
> >
> > Just add margin:0; padding:0; to the hr style and all's well.
> Your problem description is not conclusive so can you show this in a
> link? You say "an enormous amount of top and bottom padding", but
> later on you set also _margin_ = 0?
> And what is "enormous" in pixels?
>
> Manfred
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
