...

View Full Version : horizontal menu - shifting to left in IE



dirksmith
10-03-2006, 10:59 AM
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/w01540_condor_web/test.html:

Ive 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




#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;
}

mark87
10-03-2006, 02:01 PM
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?

Erindesign
10-03-2006, 09:41 PM
That page you gave doesn't work, but here's what I do:



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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum