Log in

View Full Version : Problems positioning a DIV on top of an OBJECT


dch31969
10-27-2007, 02:34 AM
I'm building a folder home page for Outlook that puts my inbox, tasks, calendar and contacts all onto one page using the Outlook View Control. I have code which changes the display property of a specific <div> element from 'none' to 'block' when the text 'Change View' is clicked. The idea is to provide a pop-up type of menu from which the user can select views for the folder.

The problem that I'm having is that the <div> element will not appear on top
of the Outlook View Control object element when the <div> display is changed. The OVC appears to be the top most element. When I position the <div> on top of other elements, it does appear on top. I have tried setting the z-index of both the OVC and the <div> to force the <div> to the top but it doesn't work.

I'm thinking that the problem its the OVC per se, but the fact that I'm working with an <object> element.

Any Ideas?
jscheuer1
10-28-2007, 12:33 PM
It might work like a Flash object tag. If so, add this param to your object tag:


<param name="wmode" value="transparent">
dch31969
10-29-2007, 02:02 AM
I tried it and it didn't work.
jscheuer1
10-29-2007, 05:10 AM
As I said, might. Is this a MS thing that they suggest doing with Outlook, or just something you thought to do on your own? If it is a MS thing, there might be info in the MS knowledge base. Even if it isn't, you could still try there.

The problem with object tags though is that they can be used for just about any type of object. As a result, most of the parameters of one given type of object don't translate to others.
dch31969
10-30-2007, 12:43 AM
As I said, might. Is this a MS thing that they suggest doing with Outlook, or just something you thought to do on your own? If it is a MS thing, there might be info in the MS knowledge base. Even if it isn't, you could still try there.

The problem with object tags though is that they can be used for just about any type of object. As a result, most of the parameters of one given type of object don't translate to others.

I did catch the 'it might work bit', just a tad frustrated since I'm now working on a deadline. Anyways...

The Outlook View Control is an ActiveX control that allows the contents of an Outlook or Exchange folder to be displayed on a web page. While I have googled around, the problem with doing a search is that the version of the control released with Outlook 2000 exposed a serious security issue. As such, pretty much any search using the term will return a plethora of results no neccessarily related to the problem at hand.
jscheuer1
10-30-2007, 04:02 AM
Well, this may or may not work with what you have, but it is much less dependant upon the object type. It uses an iframe shim:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>
<body>
<object width="609" height="970" type="image/jpeg" data="some.jpg"></object>
<iframe style="position:absolute;left:30px;top:100px;" src="about:blank" width="25" height="19" scrolling="no" frameborder="0"></iframe>
<div style="position:absolute;left:30px;top:100px;background-color:black;color:white;">Hey</div>
</body>
</html>

The iframe comes before the division so is covered by it. Both are absolutely positioned over the object. The iframe covers the object and the division covers iframe.