Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Eric Stauffer on Aug 14, 2009 05:56
open dhtmlx forum
Layering / z-index of dhtmlxDblCalendarObject

Much like the example here:

http://dhtmlx.com/docs/products/dhtmlxCalendar/index.shtml


I am attempting to get the double calendar to be positioned on top of an existing DIV as such

<div id="dblCalendar"></div>
<div id="other page content"</div>

I've attempted to define a style like:

.dhtmlxdblcalendar{
            border: 5px solid black;
            z-index:3;
        }    


the black border does appear but the calendar continues to 'push down' the div beneath it rather than layering over it. I have attempted to deobfuscate the page in the example sited above but it's not a trivial task.

Any thoughts on how I can accomplish this?
Answer posted by Alex (support) on Aug 14, 2009 08:12

You can try to use the following approach in this case

<div style="position:relative">

<div id="dblCalendar" style="position:absolute;top:0;left:0;z-index:3;"></div> 
<div id="other page content" style="position:absolute;top:0;left:0;"></div>
</div>


Answer posted by Eric Stauffer on Aug 19, 2009 08:03
Perfect. Thanks.