Solved

CSS menu off in IE

Posted on 2009-07-15
10
194 Views
Last Modified: 2012-05-07
Hi, On this site: http://test do tmagickitchen dot com, I've put a new navigation menu in place. It looks good in FF 3.5, and Chrome and safari 3.1.2.

In IE 7.0, the submenus look a little compressed. I guess it's something in the CSS file. I'll attach that and also a couple o screenshots of what I'm seeing. Thanks!
menuff.jpg
menuie.jpg
0
Comment
Question by:mel200
  • 6
  • 4
10 Comments
 
LVL 5

Accepted Solution

by:
dvz- earned 500 total points
ID: 24865449
may want to create a seperate style sheet for I.E.  and adjust the padding-right (lower it) in the css style you're using.

0
 

Author Comment

by:mel200
ID: 24865649
I took the padding down on these two classes:
      /*"""""""" (SUB) Container""""""""*/      
      #qm0 div, #qm0 ul      
      {      
            padding:2px;
            margin:-1px 0px 0px 0px;
            background-color:#FFD47F;
            border-width:1px;
            border-style:solid;
            border-color:#A6A6A6;
      }


      /*"""""""" (SUB) Items""""""""*/      
      #qm0 div a, #qm0 ul a      
      {      
            padding:2px 40px 2px 5px;
            margin:0px;
            background-color:transparent;
            background-image:none;
            border-width:0px;
            border-style:none;
            border-color:#513666;
      }

and the words main courses shows up on the same line now, which is great, but the indicator for the submenu still sits above the words instead of beside them in IE.
0
 
LVL 5

Expert Comment

by:dvz-
ID: 24865726
is the indicator governed by its own css?
0
 

Author Comment

by:mel200
ID: 24866275
I couldn't figure that out- it's not an image, I'm not sure how to find that in the css file...
0
 
LVL 5

Expert Comment

by:dvz-
ID: 24866337
actually, in Firefox 3.5, there is no indicator.
0
What Security Threats Are You Missing?

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

 

Author Comment

by:mel200
ID: 24871828
That's strange, I'm running FF 3.5 and I see an indicator, see attached screenshot.


Image1.jpg
0
 

Author Comment

by:mel200
ID: 24871882
It seems to be in the quickmenu.js file, want me to close this question out and ask it again in javascript area?:
// Follow Pointer Add On
      a.pointer_main_image = "images/arrow_down.gif";
      a.pointer_main_image_width = 9;
      a.pointer_main_image_height = 6;
      a.pointer_main_align = "top-or-left";
      a.pointer_main_off_x = -3;
      a.pointer_main_off_y = -4;
      a.pointer_sub_image = "images/arrow_right.gif";
      a.pointer_sub_image_width = 6;
      a.pointer_sub_image_height = 9;
      a.pointer_sub_align = "top-or-left";
      a.pointer_sub_off_x = -5;
      a.pointer_sub_off_y = -3;

      // IE Over Select Fix Add On
      a.overselects_active = true;
0
 
LVL 5

Expert Comment

by:dvz-
ID: 24872476
can you post all of the javascript for the pointer pls? the entire function and what not.
0
 

Author Closing Comment

by:mel200
ID: 31604052
Thanks- that definitely helped make the submenus look correct, I will go to javascript folks for image question.
0
 

Author Comment

by:mel200
ID: 24872661
Hi- I went ahead and posted this as a new question under js, if you want to go there? Awarded you the points on this. On that question, I'll add the whole js file. Thanks for your help!
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Using SQL Scripts we can save all the SQL queries as files that we use very frequently on our database later point of time. This is one of the feature present under SQL Workshop in Oracle Application Express.
Any business that wants to seriously grow needs to keep the needs and desires of an international audience of their websites in mind. Making a website friendly to international users isn’t prohibitively expensive and can provide an incredible return…
This video teaches users how to migrate an existing Wordpress website to a new domain.
The viewer will learn how to count occurrences of each item in an array.

759 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now