• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 476
  • Last Modified:

hr top margins difference ie and firefox

Hello,
I am using an HR tag, (horozontal rule) I am using the following css too

.myruler {
width: 100%; background-color:#CC0033;
color:#000000;
height: 1px;
border: none;
margin-top: -4px; padding: 0px;
}

what can I do to maintain the same hr top margin with both ff and ie. I want my hr to be directly under my text at 100% ,


<div style="margin-left:12px; margin-right: 12px;"> Welcome!
          <hr class="myruler"></hr>
          </div>


regards

kenny
0
thatelvis
Asked:
thatelvis
1 Solution
 
GrandSchtroumpfCommented:
HR has bad cross-browser support.  Use a border instead:

<div style="border-bottom: 1px solid #CC0033; margin-left:12px; margin-right: 12px;"> Welcome!
</div>
0
 
thatelvisAuthor Commented:
thanks I got there in the end. i had tried everything poss with the hr. any way a is well now.

cheers

Kenny
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now