The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Safari shifting navigation

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #28503

    Hello all! I’m trying to help a friend slice up a layout he made in photoshop, and so far everything works fine except for a problem in Safari in which the navigation gets shifted left…a lot. I checked and my css validates, so that’s not an issue. Anyone have any ideas what could be causing this? I want to get it worked out now before I continue so I don’t have to fix this issue on every subsequent page.

    In FF (how it’s intended) the links start with Home and it’s lined up with the P of Predator. In Safari, the first link you see is Contact, and even that is skewed left. Thanks in advance for looking!


    It’s probably doing it because your nav div inside the navigation div (btw, you don’t need both of those divs, you only need one) is positioned absolutely to the content div so safari is jumbling it around. You shouldn’t need to position it absolutely at all. It will automatically place itself below your <h1> tag.


    Thanks for the input! You were completely right about the superfluous code. I don’t know what I was thinking, but I removed all of it and got everything positioned right again…in Firefox. Once again, it looks perfect in FF and is broken on multiple levels in Safari and I’m practically pulling my hair out now.

    When I try to use the text-indent workaround for the navigation, everything disappears, so I’m having to just leave the text blank. However, when I put anything in for one of them, I can see all of the links in Safari. What in the world would cause that?! Not even the top padding is the same as in FF, so I’m at a loss. Also, for some reason I can see a bit of the bottom of the "over" state of the links in Safari?

    I was using netrenderer to try and see if the same thing would happen in ie 6 and 7, and in both of those the navigation is completely nonexistant. Is this method of using sprites not compatible with those browsers?

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.