• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 471
  • 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

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

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