Solved

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

Posted on 2013-02-02
5
375 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
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

Comprehensive Backup Solutions for Microsoft

Acronis protects the complete Microsoft technology stack: Windows Server, Windows PC, laptop and Surface data; Microsoft business applications; Microsoft Hyper-V; Azure VMs; Microsoft Windows Server 2016; Microsoft Exchange 2016 and SQL Server 2016.

Question has a verified solution.

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

Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
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 …

773 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