Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Sep 2004
    Posts
    22
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Explorer doesnt show my menu bar correctly

    Hello,

    Im a graphic designer who is helping out a family member on her bar website. Im not too good in HTML and CSS. I dont know why my menu bar i created through CSS isn't showing properly on Explorer and is showing fine on other browsers.

    http://www.thesackett.com/parties.html

    Another small issue is that the "Booking Inquiries:..." section shows up in one place on safari and another place on firefox/chrome.

    Any help would be much appreciated. Thank you.

    Mark

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,685
    Thanks
    22
    Thanked 1,828 Times in 1,812 Posts
    Hello vizualbyte,
    I'm pretty sure the validator would find this (see the links about validation in my signature line) -
    Code:
    ul#nav-menu {
    		width: 600px; margin: 0px ; padding 0;
    		list-style: none;
    		}
    If adding the missing : doesn't do the trick, check your math on that ul's width and make sure your 5 buttons actually fit inside of 600px.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    New Coder
    Join Date
    Sep 2004
    Posts
    22
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hey Excavator,
    I managed to change the width of the nav menu to 620px and that did the trick! My menu size is exactly 600 pixels. Thanks so much for pointing that out!

    I just wish i can figure out why my "Booking Inquiries:" shows up in different places on different browsers =(

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,685
    Thanks
    22
    Thanked 1,828 Times in 1,812 Posts
    It's the padding 0; error that does it to you.
    There is some default padding on a ul that makes your menu wider than 600px. Some browsers add the missing : and some don't.

    That should be padding: 0;

    Check my first post again.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •