Why does this look wrong in IE?

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • Alan Silver

    Why does this look wrong in IE?

    Hello,

    Please can you have a look at http://www.kidsinaction.org.uk/x/ and tell
    me what I've done wrong.

    If you look at it in FireFox, it looks how I would like, with the links
    in the left margin being slightly away from the left edge of the white
    background.

    If you look at this page in IE6 or IE7 (not checked any others), these
    links are too far left. In IE6, the part of the link text that goes over
    the left margin is not shown, so you only see the end of the link text.
    In IE7, the full link text is visible, but it's too far left.

    The HTML and CSS are both valid, and I'm not sure what's going wrong
    here. Any help would be gratefully appreciated.

    Thanks

    --
    Alan Silver
    (anything added below this line is nothing to do with me)
  • Bergamot

    #2
    Re: Why does this look wrong in IE?

    Alan Silver wrote:
    >

    >
    If you look at this page in IE6 or IE7 (not checked any others), these
    links are too far left.
    You must set both left margin and padding values if you want consistency
    across browsers. Both the left indent and bullet placement are affected
    differently.

    try
    ul {margin-left:0; padding-left:20px}

    or thereabouts.

    --
    Berg

    Comment

    • Alan Silver

      #3
      Re: Why does this look wrong in IE?

      In article <66kaqgF2kfl66U 1@mid.individua l.net>, Bergamot
      <bergamot@visi. comwrites
      >Alan Silver wrote:
      >>
      >http://www.kidsinaction.org.uk/x/
      >>
      >If you look at this page in IE6 or IE7 (not checked any others), these
      >links are too far left.
      >
      >You must set both left margin and padding values if you want consistency
      >across browsers. Both the left indent and bullet placement are affected
      >differently.
      >
      >try
      >ul {margin-left:0; padding-left:20px}
      >
      >or thereabouts.
      Thanks, that's great ;-)

      --
      Alan Silver
      (anything added below this line is nothing to do with me)

      Comment

      Working...