Member Avatar for jule2910

Hello,
I am really new working with dreamweaver. I created a nice page which looks really good unless you view it in Explorer... I have the feeling the problem is the Sprymenu... Should I replace the Sprymenu by a different menu?? Any suggestions for a vertical menu?? Hopefully easy.. or can my problem be fixed. Pls take a look if you can

  • 2 Contributors
  • 3 Replies
  • 92 Views
  • 1 Week Discussion Span
  • Latest Post Latest Post by MidiMagic

Dani AI

Generated

Brief context and next steps: reported that after applying CSS the main content falls below the menu in Internet Explorer 6. noted visibility problems when pages are not publicly accessible. The behaviour seen in IE6 is usually caused by float/clear interactions, IE6-specific layout triggers, or stylesheet rules that Spry injects at runtime. A focused, minimal test page that isolates the menu markup and CSS makes this much faster to pin down.

A short, practical approach: 1) strip the page down to just the menu HTML + its CSS and verify IE6 still reproduces the issue; 2) if floats are used, contain them with a clearfix or force the wrapper to establish layout for IE6; 3) if replacing Spry is acceptable, a simple UL/LI with block anchors avoids many scripting quirks. Example CSS pattern that works in older IE while keeping things simple:

/* basic vertical menu */
ul.vert {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 180px;
}
ul.vert li a {
  display: block;
  padding: 8px 12px;
  text-decoration: none;
  background: #f2f2f2;
}
ul.vert li a:hover { background: #ddd; }

/* clearfix + IE6/7 layout trigger */
.clearfix:after { content: ""; display: table; clear: both; }
.clearfix { zoom: 1; } /* helps older IE contain floats */

Extra tips: test in an IE6 environment (VM or tester), validate the DOCTYPE/serving MIME, and use conditional IE styles only when needed. If continued support for IE6 is required, isolate fixes with an IE-only stylesheet. For refreshers on float behavior and clearfix patterns, see MDN on CSS floats and the CSS-Tricks clearfix snippet.

Recommended Answers

All 3 Replies

Member Avatar for MidiMagic

Several problems:

- The <!-- --> tag pair does not work in xhtml to hide scripts and styles. Styles work in xhtml without those tags, and scripts should be external.

- Absolute and relative positioning are NOT browser-independent. Don't use them. Instead, place a container around the menu area, and let the menu items fit against each other inside it.

- Remember putting that nonzero surrounding styles (margin, border, padding) in the same tag or style definition that contains size styles (width, height) causes browser incompatibilities. IE nests them in the wrong order. Nest two tags, and apply one kind of these styles to each tag.

- Stuff appearing on top of other stuff doesn't always work right. The technology is not yet universally defined.

Member Avatar for jule2910

Hello Magic....

I mannage to display finally a new menu..... only problem... after I applied the CSS styling suddenly the content of the main content drops again to the bottom... do you have by any change an explanation for it... or better a solution... I tried to enter a height... a margin... a positon.... but everything seems to be ignored... why

Thanks a lot

Member Avatar for MidiMagic

You haven't given public read permission for your pages. Only you can see them.

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.