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 3 of 3
  1. #1
    New Coder
    Join Date
    Sep 2005
    Posts
    41
    Thanks
    0
    Thanked 0 Times in 0 Posts

    horizontal menu - shifting to left in IE

    Hi

    I have a horizontal list menu that is shifting to the left in IE – but not FF.

    The menu is held in a #menu_main div, that in turn is held in a #container_menu div.

    You can see the issue here http://www.walkertest.co.uk/condor/w...web/test.html:

    I’ve tried playing around with the margins and padding in the 2 main container divs and in the ul#navlisttop.

    Grateful for any suggestions on a fix for IE.

    Thanks

    Dirk

    Code:
     
    
    #container_menu{
    position:absolute;
    top:113px;
    left:0px;
    width:995px;
    height:33px;
    background-color:#000066;
    margin: 0px;
    padding:0px;
    }
    
    
    
    #menu_main{
    position:absolute;
    	top:6px;
    	left:5px;
    	width:700px;
    	height:26px;
    	margin:0px;
    	padding:0px;
    }
    
    
    ul#navlisttop
    {
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
    }
    
    #navlisttop li
    {
    	display: inline;
    	list-style-type: none;
    	padding-right: 10px;
    	width: 700px;
    	margin-left:5px;
    }
    
    #navlisttop a:link {
    	color:#CCCCCC;
    	text-decoration: none;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	font-weight:normal;
    }
    #navlisttop a:visited {
    	text-decoration: none;
    	color: #CCCCCC;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	font-weight:normal;
    }
    #navlisttop a:hover {
    	text-decoration: underline;
    	color: #CCCCCC;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	font-weight:normal;
    }
    #navlisttop a:active {
    	text-decoration: none;
    	color: #CCCCCC;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	font-weight:normal;
    }

  • #2
    Senior Coder
    Join Date
    Dec 2004
    Location
    Essex, UK
    Posts
    2,636
    Thanks
    0
    Thanked 0 Times in 0 Posts
    It looks exactly the same in IE6 and FF1.0.7 for me (although both browsers are showing the menu aligned to the left). Have you fixed it in the meantime?

  • #3
    Regular Coder
    Join Date
    Apr 2006
    Posts
    231
    Thanks
    9
    Thanked 1 Time in 1 Post
    That page you gave doesn't work, but here's what I do:

    Code:
    <div align="center">
     MENU DIVS HERE
    </div>


  •  

    Posting Permissions

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