[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 316
  • Last Modified:

IE6 menu display incorrect

hello

i am using css menu and it looks fine in ff and ie7/8 but in ie6 the menu is not positioning correctly. it is supposed to sit to the right but for some reason it is moving to the left. I have tried display:inline and also have valid doctype in my document.  i have included screenshots and my css for the menu and would be grateful if someone could tell me where the error is? many thanks
ie6-incorrect-menu.png
ie7-correct-menu.png
menu-css.txt
0
peter_coop
Asked:
peter_coop
  • 5
  • 3
  • 2
1 Solution
 
Dean OBrienCommented:
The menu has 6 LI (width 76px) plus 1 px margin:

6*77 = 462px

Therefore change the following width of both these to 462:

#menu {width:525px;
and
#menu ul {width:525px;

Easynow
0
 
peter_coopAuthor Commented:
@easynow111

still leaves a gap to the right. it has closed it slightly. thanks for reply.
0
 
jonahzonaCommented:
This may be a moot point, but you may want to consider including something like this for your IE6 users.

http://www.theie6countdown.com/join-us.aspx
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
peter_coopAuthor Commented:
@jonahzona

funny. you are the third person today that has referred me to this site. thanks anyway.
0
 
jonahzonaCommented:
@peter

Either you are part of the solution or part of the problem! ;)
0
 
Dean OBrienCommented:
do you have a live link to the site? did you try reducing the width further?
0
 
peter_coopAuthor Commented:
@easynow111

i am using friends site while i am testing online. i have included the address in text file. thanks
novasite.txt
0
 
Dean OBrienCommented:
Try using Firefox/firebug, you can hover over each element and see the sizes compared to each other.

I can see staight away that the DIV called menu, is not wide enough for the UL that is within it.

Easynow
0
 
peter_coopAuthor Commented:
@easynow111
i have made both have a width of 463px and i think that is about the best i am going to get. many thanks
0
 
peter_coopAuthor Commented:
many thanks
0

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

  • 5
  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now