Back Home

Open Designs

Community. Driven.

Designer Talk: help needed

Bottom of Page

1 to 3 of 3

  1.  
    •  
      CommentAuthorJeremyD
    • CommentTimeJan 23rd 2007 edited by JeremyD on the 23rd January 2007 at 20:51:53 EST
     
    The Page

    I'm trying to get the links in the vertical navigation to stay about 10px from the left, but for some reason theres this big space that pushes it out farther away than I'd like it to. the unordered list that makes the navigation has 0px for the margins, so thats not it.
    How do I get rid of that big mystery space?

    The Files


    Thanks in advance.

    EDIT- the space appears in FF
    •  
      CommentAuthorOutsider
    • CommentTimeJan 23rd 2007 edited by Outsider on the 23rd January 2007 at 20:58:07 EST
     
    Thats pretty common for lists. In FF, Safari, Opera, they have a bigger left margin than in IE. You need to apply a negative margin-left to lists to display correctly in those browsers and use a rule or conditional comment to correct it for IE (usually margin-left:0).
    • CommentAuthorDraicone
    • CommentTimeJan 24th 2007
     
    Yes, you'll need to use a CSS hack. I believe IE doesn't support child selectors, or the voice-family property, so you can either put the non-ie code in a css declaration linked to a child selector attribute from the DOM, or you can stick in a voice-family property (which you wouldn't have declared anyway) and put all the non-ie stuff after it (IE doesn't support it, so it stops when it reaches a voice family declaration). It's a hack, but it works. Try margin-left: -20px; or similar.

1 to 3 of 3

  1.