X-Cart forums - Z-index problem

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Z-index problem (https://forum.x-cart.com/showthread.php?t=54898)

hoosierglass

08-03-2010 06:02 PM

Z-index problem

I have a problem with the dialog title having a z-index set to -1, but it is listed as an inline style when I use developers tools for IE. Things work fine in FF. I have searched all of my templates looking for this silly z-index and cant seem to find it.
I have even tried to force it in the dialog.tpl file with a z-index of 0 but it wont over ride it. Anyone have any thoughts?

gb2world

08-03-2010 06:47 PM

Re: Z-index problem

It is possible to change css with javascript - it could be happening there.

Sisom

10-23-2010 10:52 AM

Re: Z-index problem

I have the same problem! Everything was fine while I had the line
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
in
/customer/meta.tpl
but I had to comment that out because it was causing problems with vertical centring in IE8. When I commented it out, my dialog title disappeared, and I too have the inline style:

<div class="title" style="z-index: -1;">
(when viewed with IE Developer Tools)

yet when I view the source HTML in IE8, it just says
<div class="title">

Why would you want to set the heading to z-index -1 anyway?

Sorry for all the bold text, but bugs in the forum stop me from removing it.

Sisom

10-23-2010 11:11 AM

Re: Z-index problem

Thanks gb2world, due to your post I've found the solution:

edit /customer/meta.tpl

and comment out the reference to iepositioning_fix.js, near the very bottom, like so:

Code:

{*  *}

I think this may only apply to IE7 or earlier (or even IE6 or earlier), but that's just a guess.

(Sorry about all the bold text - as soon as I paste in "/customer/meta.tpl" from my browser, everything is stuck on bold, with no way to turn it off!)

gb2world

10-23-2010 03:14 PM

Re: Z-index problem

The situation where I have seen javascript fixes to css to overcome IE z-index bugs is associated with a lightbox or a jquery dialog/message box, or some kind of pop up like function. IE would not honor the z-index settting, so the message/popup/shadowbox would appear under a page element. Consequently - the fix might be there to move your title tag under a shadowbox or some other jquery dialog box.

So - it you have a jquery dialog, or some other javascript shadow box type functionality on the site - you might want to check that it still works on IE7.

All times are GMT -8. The time now is 01:30 AM.