Go Premium for a chance to win a PS4. Enter to Win

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

CSS menu off in IE

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
mel200
Asked:
mel200
  • 6
  • 4
1 Solution
 
dvz-Commented:
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
 
mel200Author Commented:
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
 
dvz-Commented:
is the indicator governed by its own css?
0
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 
mel200Author Commented:
I couldn't figure that out- it's not an image, I'm not sure how to find that in the css file...
0
 
dvz-Commented:
actually, in Firefox 3.5, there is no indicator.
0
 
mel200Author Commented:
That's strange, I'm running FF 3.5 and I see an indicator, see attached screenshot.


Image1.jpg
0
 
mel200Author Commented:
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
 
dvz-Commented:
can you post all of the javascript for the pointer pls? the entire function and what not.
0
 
mel200Author Commented:
Thanks- that definitely helped make the submenus look correct, I will go to javascript folks for image question.
0
 
mel200Author Commented:
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

[Webinar] Cloud and Mobile-First Strategy

Maybe you’ve fully adopted the cloud since the beginning. Or maybe you started with on-prem resources but are pursuing a “cloud and mobile first” strategy. Getting to that end state has its challenges. Discover how to build out a 100% cloud and mobile IT strategy in this webinar.

  • 6
  • 4
Tackle projects and never again get stuck behind a technical roadblock.
Join Now