Solved

CSS menu off in IE

Posted on 2009-07-15
10
234 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Webinar: Aligning, Automating, Winning

Join Dan Russo, Senior Manager of Operations Intelligence, for an in-depth discussion on how Dealertrack, leading provider of integrated digital solutions for the automotive industry, transformed their DevOps processes to increase collaboration and move with greater velocity.

 

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
 

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

Why Off-Site Backups Are The Only Way To Go

You are probably backing up your data—but how and where? Ransomware is on the rise and there are variants that specifically target backups. Read on to discover why off-site is the way to go.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
What kind of framework must i use to do that ? 2 48
ASP.NET data base connection 35 95
Div not showing up 6 33
Checkbox changes display when resizing window 8 26
This article was originally published on Monitis Blog, you can check it here . Today it’s fairly well known that high-performing websites and applications bring in more visitors, higher SEO, and ultimately more sales. By the same token, downtime…
Australian government abolished Visa 457 earlier this April and this article describes how this decision might affect Australian IT scene and IT experts.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

739 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