Results 1 to 3 of 3

Thread: HR Spacing

  1. #1
    Join Date
    Nov 2008
    Wiltshire, England

    HR Spacing

    In firefox i've managed to get a horizontal rule to look just the way i want it to but in IE its a different matter. For a start it is showing a black that is too dark in shade whereas in firefox its fine and also the spacing between the text and the line is different (in IE it has a greater distance). How can i solve this?

    hr {
      background: #CCCCCC;
      height: 0.5px;
      border: 0;
      margin-top: 12px;
      margin-left: -12px;

  2. #2
    Join Date
    May 2006
    the netherlands
    The easiest way to get this cross-browser compatible is to create a div and make it look like a HR. You can do so by defining a top- and bottom-border with a different colour.
    Free Scripts (PHP, Javascript, MySQL), homemade in the Excudo Devshed
    Create your own personal Startpage for free

  3. #3
    Join Date
    Nov 2008
    Wiltshire, England
    Right ok so is there no way to get a HR element to look the same in all browsers? I thought there was like a setting or something that had to be reset.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center

Recent Articles