Grow your CSS skills. Land your dream job.

CSS Menu – left gap in Firefox & Safari, not in IE!

  • # September 17, 2008 at 11:22 am

    Hi guys, new here and this is my first post. I’ve had a search of the forums for an answer to this but I can’t find anything. howeever, if I’ve missed it please feel free to link me to the forum that has an answer and I’ll be very grateful AND I won’t waste any more of your time!!

    I’ve developed this site: http://www.buymytickets.co.uk

    It’s gone live with this issue because I’m completely at a loss as to whats causing it.

    The Problem:

    The main navigation has an odd left hand side padding of around 120px when you view the site in Firefox or Safari but is perfect when you view it in IE. It should be left aligned with a padding of 10px. This is not reffering to the gap between the "Log in/Sign Up" panel and the navigation, rather to the gap between the edge of the navigation background and the beginning of the text.

    [attachment=0]Untitled-7.jpg[/attachment]

    # September 17, 2008 at 5:21 pm

    It looks like it’s a browser default that is getting you. You should reset the padding on that UL to 0px; I think Fx is giving it a default 40px on the left.

    # September 22, 2008 at 7:13 am

    Spot on! It’s always something painfully obvious that you miss… looking at one site for too long!

    Thanks again,
    Andrew

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".