[thelist] z-index issues in ie6 and ie7 [SOLVED]

[Chris Dorer]

On 8/16/07, Chris Dorer <cdorer at gmail.com> wrote:
>
> Ok.  So upon further digging, i found that a MUCH simpler search was to
> look on google with the search term "z-index ie bug".  One page that
> REALLLLLLLLY helped was:
>
> http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html
>
> I then placed the element with z-index 5 in the same container as the
> element with z-index 13.  I then made absolute positioning of the z-index:5
> with finding the top and left x & y positions and multiplied them with -1.
>
> Voila!!!!!
>
> On 8/16/07, Chris Dorer <cdorer at gmail.com> wrote:
> >
> > List,
> >
> > Why when I use a table and style it with a z-index of 5 in FireFox it
> > plays nicely and lies underneath a div dialog box that's a z-index of 13.
> >
> >
> > HOWEVER, in ie the table craps out and has a commanding z-index layer
> > that supersedes the dialog box's z-index of 13.
> >
> > What information can I provide you besides the following:
> >
> > function a(){
> >     var heightOfDoc = $(document).height();
> >     $("<table id='disablePage' " +
> >         "style='z-index:5; display:none; position:absolute; top:0px;" +
> >         "left:0px;' width='100%' height='" + heightOfDoc +
> > "px'><td></td>" +
> >         "</table>").prependTo("body");
> > }
> >
> > function disablePage() {
> >     // $("#disablePage").css("display", "block");
> >     $("#disablePage").css("z-index", "5");
> >     $("#disablePage").css("background-color", "red");
> >     alert( $("#disablePage").css("z-index") );
> > }
> >
> > function unDisablePage() {
> >     $("#disablePage").css("display", "none");
> > }
> >
> > Thanks for your tips,
> >
> > Chris
> >
> >
>