Hello.

I have this code of CSS:

hr.line1gray{
height:1px;
border:none;
background:gray;
padding:0;
margin:0;
}

Everywhere looks good, but IE adding some space before and below 1px line.
Why ?

Cezar.

"Cezar" <cezaryk@imail.net.pl> wrote:
[color=blue]
>I have this code of CSS:
>
>hr.line1gray{
> height:1px;
> border:none;
> background:gray;
> padding:0;
> margin:0;
>}
>
>Everywhere looks good, but IE adding some space before and below 1px line.
>Why ?[/color]

IE quirk.

--
Spartanicus

Spartanicus wrote:[color=blue]
> "Cezar" <cezaryk@imail.net.pl> wrote:
>
>[color=green]
>>I have this code of CSS:
>>
>>hr.line1gray{
>>height:1px;
>>border:none;
>>background:gray;
>>padding:0;
>>margin:0;
>>}
>>
>>Everywhere looks good, but IE adding some space before and below 1px line.
>>Why ?[/color]
>
>
> IE quirk.
>[/color]


Sometimes you can eliminate this by giving margin a small negative
value. margin: -2px 0 -2px 0; If no improvement, try slightly larger
numbers.
H

> >>Everywhere looks good, but IE adding some space before and below 1px
line.[color=blue][color=green][color=darkred]
> >>Why ?[/color]
> >
> >
> > IE quirk.
> >[/color]
>
>
> Sometimes you can eliminate this by giving margin a small negative
> value. margin: -2px 0 -2px 0; If no improvement, try slightly larger
> numbers.
> H[/color]

I changed to:

div.line1gray {
width: 100%;
height: 1px;
margin: 0px;
border-top: 1px solid gray;
padding: 0px;
display: block;
font-size: 1px;
}

Works fine on IE, Mozilla, Opera. Any other I don't know, but could be good.

Greets,
Cezar.