Styling HR's in IE

[LoveToCode]

Hi,

This style works great in FireFox, but doesn't seem to take the HEIGHT properties in IE

.hrSep {
height: 1px;border: 0px;
margin: 0px;
padding: 0px;
color: gray;
background-color: gray;
padding-left: 10px;
}

Here is the HTML that goes with that style:

<tr>
<td colspan="3"><hr class="hrSep"></td>
</tr>

Thanks! Jenni

 

[Vragabond]

I suggest you read up on differences in styling hr across browsers:

http://www.sovavsiti.cz/css/hr.html

http://www.saila.com/usage/tips/defn.shtml?hr

 

[LoveToCode]

OK thanks for the link. It seems like using HR is not a good practice anymore huh. What is the best way to create a solid 1px line seperator in CSS?

Thanks!

Jenni

 

[Vragabond]

Do what the person in the article suggests. Either:

1. Create a bottom border on the actual element or
2. Use <hr />