tags:

views:

26

answers:

1
Q: 

Dropdown menu problem IE7 - hidden

Hi everyone, the problem is that in IE7, the dropdown under "Departamentos" its cut by the banner, and it seems to be pushed to the right...

This should be a very easy to fix but I have little experience with IE fixes... I try for some time but I need your help, can you check it out??

Link to the Website

Thanks

A: 

It's same in IE8 because your document is rendered in quirks mode. Move the comments before the doctype declaration after the declaration. Anything before the doctype will trigger quirks mode in IE.

After you do that give .nav-wrap a z-index higher than #mainData and the submenu will show in IE7. Then give your submenu ul a left:0; to position it right.

Daniel  2010-10-15 15:53:47
Thanks for your advice, I did what you said but still in IE7 is cutting behind the banner, I don't understand why, if it has z-index higher in the header...
Omegakenshin  2010-10-15 16:49:23
You removed the stuff before the doctype, but the class .nav-wrap does still not have a z-index higher than #mainData.
Daniel  2010-10-15 16:56:10
I miss to add position to the header... Fixed, Thank you Daniel
Omegakenshin  2010-10-15 17:00:15

related questions

IE7 HTML/CSS margin-bottom bug.
IE7: header above menu
How to create an all browser-compatible hanging indent style in CSS in a span
How can you customize the numbers in an ordered list?
style.display not working in Firefox, Opera, Safari - IE7 OK
Best WYSIWYG CSS editor?
How important is W3C XHTML/CSS validation when finalizing work?
Solve the IE select overlap bug
IE8 overflow:auto with max-height
Autosizing Textarea
What is the best way to create rounded corners using CSS?
FF3 WinXP != FF3 Ubuntu - why?
Is there a business reason for striving for pure CSS layout?
How to set up a CSS switcher in ASP.NET
Setting a div's height in HTML with CSS
Wrapping lists into columns
CSS Background Color in Javascript
How can I make the browser see CSS and Javascript changes?
What sites offer free, quality web site design templates?
Can you recommend a good CSS online resource or book?
Html CSS Editor
In HTML, how to word-break on a dash?
Detecting font in JavaScript
How do you test layout design across multiple browsers/OSs?
Why doesn't the percentage width child in absolutely positioned parent work in IE7?