Grow your CSS skills. Land your dream job.

Navigation alignment issues with Internet Explorer

  • # July 24, 2009 at 5:42 pm

    Ok, so this is my first site I’ve ever built and i just used jQuery to create a panel(?) for the services page of the site. I used CSS sprites to create the navigation buttons but am having problems with Internet Explorer. For some reason it is pushing the navbar outside of its parent div (id="wrapper") to the right edge of the grandparent (id="container"). You can view the page at http://www.johnbieslandscaping.com/services.html. It looks great in Firefox and Safari but won’t align right in IE. Keep in mind that I’m not talking about the main navigation at the top of the page. Any help figuring this out would be much appreciated. Thanks!

    Rob
    # July 24, 2009 at 7:32 pm

    Firstly Welcome!

    Secondly – Well done! You are doing well, a great first site – awesome that you are using sprites and jQuery already!

    OK so the beef. Its always good to use the w3 validators to pick up errors for you. For example – you have alot of units missing from the ends of widths and such in your CSS (units being units of measure, like px or em… "500px")

    Take a look here: http://jigsaw.w3.org/css-validator/vali … vices.html

    Also I would do a HTML validate too – that will sort some stuff out :)

    http://validator.w3.org

    btw – well done for using Strict Doctype too – if this is your first site it looks like you have done your homework :)

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

You must be logged in to reply to this topic.

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