Link to home
Start Free TrialLog in
Avatar of Brook Braswell
Brook BraswellFlag for United States of America

asked on

menu to show over PDF in IE

This has likely been hashed around before but I am needing to have a menu show over a PDF.
Only IE ( 6 - 9 ) has this problem.  It works great in Mozilla.

<ul id="mynav" >
  <li id="toplevel" >Kewl Stuff
    <ul id="subnav">
     <li>two</li>
     <li>three</li>
     <li>four</li>
     </ul>
   </li>
</ul>

// PDF down here...
<object type="application/pdf" data="mypage.pdf"></object>


menu always falls behind the pdf in Internet Explorer...

What to do ?
Avatar of Alex
Alex
Flag of Greece image

Did you try to give a z-index to the css of the menu element?
Avatar of Brook Braswell

ASKER

Yes...
The z-index will not work in these cases as the PDF, though showing in the page either with an OBJECT or an EMBED tag, is not affected since it is sorta in its' own state.
This is at least what I have read and experienced.  That being the case, somehow Mozilla was able to over come this but IE does not.  There must be a way to force the PDF behind the menu in IE as well.
This may not be the answer you want to hear, but it could be something that works.  Turn the PDF into an image.  Then it should obey the Z-Index.

I have never tested this, but I'll try it and see what happens.
I will discuss with my client as they can click the PDF to open it...
I am running a file upload site and would need to then convert the first page of the pdf to a graphic like jpg...not sure it will fly.  

Would rather look for a solution.
Sidebar note... Mozilla will not render the PDF directly from the <img> tag (probably no browser will do that).  It would need to be "imagized."
http://www.laprbass.com/RAY_temp_brook1966.php
http://www.laprbass.com/RAY_junk/temp_pdf_blue.pdf
Ray,
   Do you have a way to open the PDF or convert the PDF to a JPG for this purpose ?
Sorry, I do not.  I have wrestled with this in the past for a client that wanted to make an image from a PDF and I never found a satisfactory solution.  We ended up using a single standard image to represent the PDF.  The image was wrapped in a link to the actual PDF.  So even though it looked "generic" it was a specific pointer to the correct document.User generated image
Yes...
I am giving my users a link to the underlying PDF and awaiting the client to approve showing a graphic rather than the actual PDF.
Ray..
Anything on this as of yet ?
ASKER CERTIFIED SOLUTION
Avatar of Ray Paseur
Ray Paseur
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
I have written my own snippet in vb6 to turn the first page of a PDF into a JPG.
I can control when a user uploads a PDF and generate a JPG at that time and then show the JPG in the browser instead of the PDF for IE.

I am more concerned with the menu flowing over the PDF in IE as the above solution is only a work around.
Menu flowing over the PDF or over the JPG image of the PDF?
Over the PDF
Please post a link to the page that displays the PDF.  Once we see that we can consider how to make a menu flow over it, if we can get the PDF to display in the browser viewport.
Here is a temporary version of the site.  I had to spend some time cleaning client data off the site.

webapp.paladin-pro.com/inspirere/index.php?AUK=2&m=4&atch=144

Thanks
Interesting... Looks like the PDF is displayed as an object
<object wmode="transparent" type="application/pdf" data="./Att/Georgia/Atlanta/Ghostly Night on Cumberland.pdf" width=100% height="490">

Open in new window

Not sure if it matters, but you might want to have a look at this.
http://validator.w3.org/check?uri=http%3A%2F%2Fwebapp.paladin-pro.com%2Finspirere%2Findex.php%3Fm%3D4%26atch%3D144&charset=%28detect+automatically%29&doctype=Inline&group=0

Anyway I guess the question is "How do I get HTML to appear over the top of an object?"
For what it's worth, my old Adobe Photoshop 6 will open a PDF file and render a page as an image.  I would expect that newer version would do it better.
Ray,
   <  Interesting... Looks like the PDF is displayed as an object  >

Is there a more accurate way to display a PDF ?
Anyone ?
Have I been abandoned ?
Ray I too have tried everything else and have given up trying to show the PDF in IE so that the menu will flow over it.  I will post the conversion to the Adobe Zone and research the conversion on my own as well.

Thanks
Thanks for the points and best of luck with it, ~Ray