Announcement Announcement Module
Collapse
No announcement yet.
Stupid IE and the <hr /> tag? Page Title Module
Move Remove Collapse
Search Search Module
Collapse

Advertisement Advertisement Module
Collapse

Latest Topics Latest Topics Module
Collapse


X
Conversation Detail Module
Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • Stupid IE and the <hr /> tag?

    Anybody know how to fix the "box" that IE puts around an HR element? I'm using CSS to apply a background image to a design and it works except for that. I've tried setting border: 0 and even applying the same color background to it that matches the color of the background behind it. No go. Any help? Thanks!
    --
    When I buy stickers for folks in prison, I bring milk not backyard meth - it's a prison party!

  • #2
    hmm, I never had that problem. Could you screen shot for us?
    You could also use a div with a "border-bottom:" for css.

    Comment


    • #3
      I've got code to make a normal flat line.
      http://sonspring.com/journal/styling-hr

      Using a background image is... tricky.

      The {color} property controls the rule's color in IE6/7. If your rule has any height to it, you will get a big thick line.

      I had this same problem this week, my final solution was to stick IE6 and 7 with a normal line by setting height to 0 and using padding to push out the background image so other browsers see it right.

      Most people just end up using a div. Sorry I couldnt be any more help. Fortunately IE8 fixes this nonsense.
      Swedish Meatball Pornography

      Comment


      • #4
        Thanks guys. I think for sake of having to reinvent the wheel, I'm just going to scratch the HR tag and go with the old DIV standby. Seems a little easier to make more cross-browser compliant. Thanks for the info guys!
        --
        When I buy stickers for folks in prison, I bring milk not backyard meth - it's a prison party!

        Comment

        Mediabistro A division of Prometheus Global Media home | site map | advertising/sponsorships | careers | contact us | help courses | browse jobs | freelancers | content | member benefits | reprints & permissions terms of use | privacy policy Copyright © 2015 Mediabistro Inc.
        Working...
        X