Solved

CSS and Nice Menus in Drupal Messed Up in IE of course

Posted on 2013-02-02
5
379 Views
Last Modified: 2013-03-19
I cannot get the main menu on this site to behave in IE9:
http://www.biennainternational.com/
I am using conditional style sheets, and I am finding the correct divs with Firebug and the Chrome equivalent of Firebog and I can't find where the background color is bleeding out beyond the border of the menu on the right side and below it. This is probably because it is perfect in Chrome and Firefox, so I can't right click on it and find where it is being set.
I have been banging my head against the wall on this all day.
0
Comment
Question by:nanharbison
[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
5 Comments
 
LVL 16

Expert Comment

by:HagayMandel
ID: 38848215
What theme are you using?
0
 
LVL 17

Author Comment

by:nanharbison
ID: 38848433
Dartik, and the nice menus module, which I always have problems with.
0
 
LVL 9

Expert Comment

by:user_n
ID: 38852085
There is a tool in firefox that is web developer
https://addons.mozilla.org/en-US/firefox/addon/web-developer/
In it's tool menu you can validate your code and see the errors in html. You can also validate css.
0
 
LVL 13

Accepted Solution

by:
Arrow_1 earned 500 total points
ID: 38853706
I only see it overflowing on the right side. I think it is because you have your li width set at 14% and the width of the ul is 920px. You end up with a ul that is wider than the sum of its items. Try setting your ul to 768px and your li to 128px.
0
 
LVL 17

Author Comment

by:nanharbison
ID: 38855412
Arrow_1 - thank you so much! I have wasted hours banging away at this with no results.
I did figure out the overflow below, it was a padding issue.
Now my problem is centering the menu. Every time I add a margin or padding, it moves the slideshow above it, arrgghhh. And nothing I have tried moves it more to the right.
I don't get why this affects the element above it.
I think by now I have all kinds of extraneous CSS in various files...
If this is a new question, please let me know and I will make it a new question!
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

696 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