Member Avatar for kcgagne

I've created a css-only dropdown menu and have finally gotten it working on Netscape 7.2, Firefox 1.5 and IE 7.0. Is anyone here willing to test this for me on other browsers?

(the button menu on the left)

(P.S. I just want to mention that the rest of the design on that page is not mine.)

  • 3 Contributors
  • 6 Replies
  • 89 Views
  • 16 Hours Discussion Span
  • Latest Post Latest Post by MidiMagic

Dani AI

Generated

built a neat CSS-only dropdown and the reports from (IE6 on XP SP2 shows the items but no popout) and (works in IE7/Firefox) point to a few well-known cross-browser constraints rather than a mysterious bug.

Common, actionable checks and fixes:

  • IE6 only applies :hover reliably to anchor (<a>) elements, not to <li> or other containers. If the CSS relies on li:hover, it will fail in IE6. Either move the hover selector to the link (make the a display:block) or add a tiny IE-only script to toggle a hover class on the li elements (the classic Suckerfish technique).
  • IE6 has layout/positioning quirks. Triggering hasLayout on the parent (for example with zoom:1 or an explicit width/height) often fixes disappearing or mispositioned submenus.
  • Mobile browsers (Windows Mobile 2003 and many older handhelds) do not support hover interactions; provide a tap/click fallback or make the top-level item a real link so the submenu is reachable without hover.
  • Ensure a standards DOCTYPE so browsers use consistent layout modes, and check z-index/positioning (positioned parent, absolute submenu) if submenus are getting hidden.

For testing, use a real IE6 environment (legacy VM or testing service) rather than relying on modern simulators. These steps preserve the CSS-only feel for modern browsers while restoring functionality in legacy IE and mobile fallbacks.

Recommended Answers

All 6 Replies

Member Avatar for jbennet

I cant see any dropdown menu?

Member Avatar for kcgagne

Do you see the "home", "products", etc buttons on the left? If you hover over them, submenus are supposed to pop out to the right.

Member Avatar for jbennet

I can see them but nothing pops out. I am using IE6 on XP SP2 (with all the IE6 updates). Doesnt work on my Windows Mobile 2003 device either.

Member Avatar for kcgagne

That's exactly what I was afraid of. :(

Member Avatar for jbennet

Yeah they dont come out or dont act as links or anything. There static, like images.

Member Avatar for MidiMagic

It works in Firefox 2.0.0.3.

It works in IE 7.0.5370.11

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.