2 Replies Latest reply on Jul 22, 2007 7:28 PM by Theminks

    CSS and IE7 Issues

    Theminks
      I have made a horizontal nav bar out of an un-ordered list, and have use a 1 pixel boader between links instead od the pipe ( | ) character but in IE7 the padding acts different than in Firefox and Safari. With this code the padding looks equal on both sides of the vertical line in Firefox, but in IE7 the left hand side of the links hug the vertical line.

      Cheers for any assistance

      Theminks

      the CSS code i used:
        • 1. Re: CSS and IE7 Issues
          Level 7
          Can you show us the page, please?

          --
          Murray --- ICQ 71997575
          Adobe Community Expert
          (If you *MUST* email me, don't LAUGH when you do so!)
          ==================
          http://www.dreamweavermx-templates.com - Template Triage!
          http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
          http://www.dwfaq.com - DW FAQs, Tutorials & Resources
          http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
          ==================


          "Theminks" <webforumsuser@macromedia.com> wrote in message
          news:f7q31f$i28$1@forums.macromedia.com...
          >I have made a horizontal nav bar out of an un-ordered list, and have use a
          >1
          > pixel boader between links instead od the pipe ( | ) character but in IE7
          > the
          > padding acts different than in Firefox and Safari. With this code the
          > padding
          > looks equal on both sides of the vertical line in Firefox, but in IE7 the
          > left
          > hand side of the links hug the vertical line.
          >
          > Cheers for any assistance
          >
          > Theminks
          >
          > the CSS code i used:
          >
          > #main_nav ul {
          > height: 1em;
          > vertical-align: bottom;
          > left: 0px;
          > position: relative;
          > text-align: left;
          > width: 800px;
          > padding-top: 0.8em;
          > padding-bottom: 0.8em;
          > }
          > #main_nav li {
          > list-style-type: none;
          > display: inline;
          > border-right-width: 1px;
          > border-right-style: solid;
          > border-right-color: #FFFFFF;
          > padding-right: 0.5em;
          > padding-left: 0.3em;
          > font-size: 16px;
          > color: #FFEE29;
          > }
          > #main_nav .nav_rightlink {
          > border-right-style: none;
          > padding-right: 0px;
          > }
          > #main_nav .nav_firstlink {
          > margin-left: 0px;
          > }
          >

          • 2. Re: CSS and IE7 Issues
            Theminks Level 1
            Here's a screen shot of it cause sadly it's not on-line yet.
            " http://i4.photobucket.com/albums/y105/Theminks/DSC05974.jpg"