Link problem with one area in Safari, fine in IE

Discussion in 'Web Design and Development' started by kitenski, Aug 5, 2009.

  1. kitenski macrumors regular

    kitenski

    Joined:
    Jan 30, 2008
    Location:
    Leeds, UK
    #1
    Hi there,

    I've been editing some CSS to effect some links on my website. I now have the look and feel I was after, but the links have stopped working under Safari on my Mac.

    They work fine on my Windows PC using Internet Explorer.

    I have no idea why, the code looks fine to me, does anyone have any suggestions?

    It's these links

    Latest Software | Reviews | Forum | About | Contact | Follow on Twitter

    on this page

    http://www.pocketpcsoft.net/

    Thanks in advance,

    Greg
     
  2. SilentPanda Moderator emeritus

    SilentPanda

    Joined:
    Oct 8, 2002
    Location:
    The Bamboo Forest
    #2
    They don't seem to work on Firefox 3.5.2 either in Windows (although I have a few mods installed). You might have some luck debugging from there.
     
  3. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #3
    The #content part is sitting on top of your floating #nav. If you add clear:both to #content you'll see it fixes the problem. Though, it will also move the content down farther. There's various ways to go about remedying, but hopefully knowing the cause will help you move forward.
     
  4. kitenski thread starter macrumors regular

    kitenski

    Joined:
    Jan 30, 2008
    Location:
    Leeds, UK
    #4
    Thanks alot, that clear has fixed the issue, but are you saying that isn't a good permanent fix?

    The actual block of CSS looks as follows, could the postion:relative be the underlying issue?

    As you can tell I am new to CSS :)

    Code:
    #content {
    clear:both;
    position:relative;
    width:985px;
    margin:0 auto;
    padding:0 24px
    }
     
  5. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #5
    If you're happy with the result of using clear then it's fine as a fix. I just thought you may not like that it moved the content area down and created more of a gap between it and the header.

    The relative positioning isn't causing the problem, it's that the nav is being floated, and when that's done the rest of the layout changes its behavior. You should read through a couple CSS float tutorials to get a better understanding of how they are used.
     

Share This Page