Member Avatar for patrickmillard

hello everyone,

i'm new to DaniWeb and came here because i'm trying to solve a problem with a website i'm developing for class.

I have inserted a Horizontal Spry menu with DreamWeaver on my website.

it looks great when i run it in Firefox, but when i run it in IE the navigation menu mirrors itself so everything is listed in reverse order. This becomes a design problem because the spry menu will now come down over the content of the page.

has anyone experienced this problem and figured out what to do about it?

here is the link to my page:

thanks!
patrick millard

  • 3 Contributors
  • 2 Replies
  • 208 Views
  • 1 Year Discussion Span
  • Latest Post Latest Post by ronan77

Dani AI

Generated

A concise troubleshooting and quick-fix guide for the Dreamweaver Spry horizontal menu issue reported by , building on ’s helpful video pointer and ’s follow-up that it sometimes resolves itself. The problem usually comes down to CSS inheritance or an IE-specific rendering mode — not Dreamweaver magic — so the approach below is: identify what IE is actually using, then force a standards/LTR layout for the menu.

First, check these in order (use IE’s F12 developer tools to inspect computed styles):

  • Confirm a standards DOCTYPE is present (for modern pages <!DOCTYPE html>).
  • Look for dir="rtl" on the html/body/menu container or any CSS direction: rtl; inherited from a parent.
  • Search your stylesheets for float: right; applied to the menu LIs (floating right will stack items right-to-left in IE). Also check for CSS resets or conditional IE styles that change float/display.
  • If the menu dropdown overlaps content, the container may not be containing floats; check the menu wrapper has position: relative and the submenu uses position: absolute with a suitable z-index.

A minimal override that fixes the common cases (add to your stylesheet after the Spry CSS):

/* force left-to-right stacking and override rtl/float inheritance */
#MenuBar1, #MenuBar1 ul {
  direction: ltr;
  unicode-bidi: normal;
}
#MenuBar1 li {
  float: left !important;
  display: inline;
}

Notes and cautions: use !important only to diagnose/override; if that works, find the original rule and fix specificity instead. Clear browser cache after changes and test IE in both standards and compatibility modes. If problems persist, re-attach the Spry assets (sometimes DW links the wrong CSS), or recreate the widget in a fresh page (the video shared is useful for that). Given Spry’s age, consider replacing it with a small CSS-only nav or a modern, supported script if long-term maintenance is needed.

Member Avatar for missprim

Maybe follow this free video to see if it shows where you may have gone wrong.

Member Avatar for ronan77

Hi Missprim,

That's for the video tutorial. It seems that there must have been a bug somewhere in my system. The spry horizontal bar wouldn't even load in new pages i was creating in Dreamweaver, but thankfully whatever is that was going wrong has somehow resolved itself and everything is working nicely.

Thanks again for you post.

Ronan

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.