Web Analytics Made Easy -
StatCounter horizontal menu - shifting to left in IE - CodingForum

Announcement

Collapse
No announcement yet.

horizontal menu - shifting to left in IE

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new 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
    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?
    markaylward.co.uk

    Comment


    • #3
      That page you gave doesn't work, but here's what I do:

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

      Comment

      Working...
      X