3 Replies Latest reply on Sep 28, 2008 9:01 AM by Newsgroup_User

    cross browser hr differences

    malcster2 Level 1
      why does the hr element look different in various browsers?

      http://www.malcmabe.co.uk/xhtml/sbtemplate.html

      looks worse in safari....best in explorer
        • 1. Re: cross browser hr differences
          Ben M Adobe Community Professional
          Change your color attribute on your CSS sheet from color to background-color. That should make it work in all browsers.
          • 2. Re: cross browser hr differences
            malcster2 Level 1
            got it working, but you need to keep the color attribute to display correctly in explorer.

            the others add a border as well, for some odd reason.

            final code should be #headerdivider hr
            {

            height:2px;
            color:#00ff00;
            background-color:#00ff00;
            border:none;
            }

            thanks
            • 3. Re: cross browser hr differences
              Level 7
              You will never get uniform styling on <hr /> elements. If you need such
              uniformity, style a div or even use a bottom/top border on something.

              --
              Murray --- ICQ 71997575
              Adobe Community Expert
              (If you *MUST* email me, don't LAUGH when you do so!)
              ==================
              http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
              http://www.dwfaq.com - DW FAQs, Tutorials & Resources
              ==================


              "malcster2" <webforumsuser@macromedia.com> wrote in message
              news:gbo9is$59e$1@forums.macromedia.com...
              > got it working, but you need to keep the color attribute to display
              > correctly
              > in explorer.
              >
              > the others add a border as well, for some odd reason.
              >
              > final code should be #headerdivider hr
              > {
              >
              > height:2px;
              > color:#00ff00;
              > background-color:#00ff00;
              > border:none;
              > }
              >
              > thanks
              >