close ad
 
Important WebAssist Announcement
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Menu appearing behind jquery div

Thread began 5/20/2011 8:41 am by randy153228 | Last modified 9/08/2011 2:13 pm by Lee Firth | 4646 views | 6 replies |

randy153228

Menu appearing behind jquery div

I have a menu that up until today worked fine. In IE7, the menu appears behind a div that holds a jquery carousel. I have played with z-indexes, but to no avail. Works fine in IE8, Firefox, Safari, and Chrome. Not sure what to do.

The page is:
pictures.php?EventID=263

Sign in to reply to this post

Jason ByrnesWebAssist

in the CSSMenuWriter/cssmw/menu.css file, change:

ul#cssmw {
background-image: url("../cssmw_images/bg.png");
background-repeat: repeat-x;
cursor: default;
height: 30px;
list-style-type: none;
margin: 0 0 0 0;
padding: 0 25px 0 25px;
}



to:

ul#cssmw {
background-image: url("../cssmw_images/bg.png");
background-repeat: repeat-x;
cursor: default;
height: 30px;
list-style-type: none;
margin: 0 0 0 0;
padding: 0 25px 0 25px;
position: relative;
z-index: 1000;
}
Sign in to reply to this post

randy153228

Thank you!

Thanks you worked perfectly!

Sign in to reply to this post

Jason ByrnesWebAssist

you're welcome.

Sign in to reply to this post

Lee Firth

I have a similar problem with the drop down menu displaying behind an embedded pdf document, your fix above doesn't work in this case. It works OK in Firefox but not in IE, Chrome or Safari.

touch_to_cook.htm

Sign in to reply to this post

Jason ByrnesWebAssist

this is a problem with using an embedded PDF.

the embedded PDF is not natively supported in most browsers and will rely on a third party plug in to be installed.
to embed the PDF, you need to use the <object> tag. Put bluntly, the object tag punches a whole through the page layout. CSS styling and DOM layering cannot be applied to the object tag.

There is no standards compliant why to embed a pdf document into a web page that work in all browsers.

the only work around i can think of would be to add the PDF to flash object, when embedding a flash object, there is the wmode transparent option to help work around z-index layering issues with flash.

Sign in to reply to this post

Lee Firth

Thanks for the heads up Jason, I thought I would post the solution I came up with just in case anyone else is struggling with this issue. I used a "Google docs viewer" embedded in the page using an iframe. Take a look at the results:

touch_to_cook.htm

To generate the code required just go to:

viewer

The dropdown menu now overlays the pdf document in the latest versions of IE, Firefox, Chrome, Opera & Safari.

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

Content

rating

Layout

rating

Ease of use

rating

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...