Member Avatar for gustavobrust

Hi folks,

I'm having some problem on CSS menus.

Using Firefox everithing works ok. But, on IE, the menus don't respect very well my CSS code :)

Could you please check it out and give me a hint of what should I do?


The site is:
http://www.pgbiocel.ufpr.br/pgbiocel2/pages/index.php


Thank you very much!!

Best regards,
Gustavo.

  • 3 Contributors
  • 2 Replies
  • 78 Views
  • 2 Days Discussion Span
  • Latest Post Latest Post by FC Jamison

Dani AI

Generated

Firefox and IE7 handle some CSS cases differently, so a menu that works in Firefox can still break in IE7. This checklist complements 's point about missing files and uses 's multi-level menu as a useful baseline for comparison. It focuses on repeatable, verifiable checks and small, safe fixes that narrow down the problem.

  • Verify DOCTYPE and rendering mode. Pages in quirks mode behave very differently in IE.
  • Validate HTML (unclosed UL/LI/A tags are a common cause of IE layout breakage).
  • Confirm CSS/JS actually load in IE (a quick test is to add a very visible temporary style and reload IE).
  • Check stacking/positioning: submenus should be absolutely positioned inside a relatively positioned parent and have a higher z-index. For example:
.nav li { position: relative; }
.nav ul { position: absolute; z-index: 1000; }
  • Address IE layout bugs with hasLayout fixes: adding zoom: 1 to a problematic element often resolves float, clearing, and rendering oddities:
.element { zoom: 1; }
  • Watch overflow: overflow: hidden on a container will clip drop-downs; use overflow: visible where submenus appear.

A quick isolation step is to build a minimal test page containing only the menu HTML and CSS. If the minimal case breaks in IE7 the issue is in the menu code; if it works, something else on the original page (container styles, scripts, or DOCTYPE) is responsible. Favor standards fixes first; use conditional IE CSS or small, documented hacks (zoom, inline fallback) only when necessary. Testing in a real IE7 environment or a reliable emulator provides the most accurate results.

Recommended Answers

All 2 Replies

Member Avatar for vishwebdesign

You should check the codes for your menu from where you got it, may be you're missing some file or script..

or

Try this link

They have quite a nice drop-down menu..

Member Avatar for FC Jamison

I created this about a year and a half ago...and frankly, I've forgotten how it works.

It is a multi-level dropdown menu that is cross-browser compatible.

Look it over and see it you can use it.

I can look it over if you have trouble with it to try and jog my memory.

jamDeluxeMenu.zip (4.36 KB)
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.