close ad
Databridge V2 with MySQLi support IS Now Available!
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues


Another IE6 problem - I'm affraid

Thread began 1/28/2010 6:59 pm by peterlethbridge399499 | Last modified 1/29/2010 8:33 am by neilo | 927 views | 5 replies |


Another IE6 problem - I'm affraid

My Website: createorder.php

I want to align the menu to the right, so I put the PHP menu include into a div container. This seems to work for everything but IE6 where the menus now display under other elements on the page. If I take it out of the div it works fine, but then I can align it.

Could someone please help. This is the only remaining issue I have (or at least I hope!).

Many thanks


Sign in to reply to this post


Hi Peter,

Looking good.

In your stylesheets/main.css file, add padding-left to the menubar class:

.menubar {
padding-left: 228px;

You may need to play with the padding width a little. Still looking at the IE6 bit.

Edit: Oops, - and reduce the width to 672px!

Sign in to reply to this post


thanks Neil

I notice that IE7 has the same issue.

Sign in to reply to this post


This has been driving me bananas.

I thought a simple z-index would bring them out, - the menu drop-downs were disappearing behind other page elements, and no amount of z-index juggling would sort it for IE7 or IE6.

But at or around line 375-381 of your main.css stylesheet, you have a block of css rules for (just) 'div'; - I'm not sure why you have a generic set of rules for 'div', but if you remove the last rule - position:relative; - this seems to release the menu include div from captivity and allows the menu to drop-down over the other page elements. This should render OK on screen - but things may go a bit haywire in design-view. You may have to apply position rules to individual div IDs or create a new class. Or just leave it.

So that (main.css) div css should now look like this:

div {

I also added a:

z-index: 999;

property to the end of the following blocks of css in menu.css (for the hell of it):

ul#cssmw {
ul#cssmw > li > span > a {
ul#cssmw ul.level-1 {
ul#cssmw ul.level-1 > li > a {
ul#cssmw ul.level-2 {
ul#cssmw ul.level-2 > li > a {

This seems to sort things out in IE7, and I'm getting intermittent results for IE6 in Browser Lab (I don't have IE6 on my Machine) sometimes see 5 menu items , sometimes 2, sometimes all, so hope it helps.

Sign in to reply to this post


You are the MAN!!

Thankyou so much for this Neil. The DIV was put their by fireworks when I exported the page design. I never gave it much thought.

Thankyou again. Great support.

Sign in to reply to this post


Cheers Peter, - it's looking good from this end.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question





Ease of use


security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...