Jump to content


Photo

Z-index problem with layers


  • Please log in to reply
3 replies to this topic

#1 Gast

Gast
  • Members
  • PipPipPip
  • Advanced Member
  • 131 posts
  • LocationSouth East England

Posted 07 April 2006 - 08:41 AM

I have a problem that needs fixing desperately:

[img src=\"http://www.hostperfect.co.uk/zindex.jpg\" border=\"0\" alt=\"IPB Image\" /]

I know it is something to do with the z-index and positioning and have tried a few hacks but to no avail. what is also strange is that on certain pages, it displays fine over the top of form elements, but not this one, as it has many form elements, around 15.

Can anyone help?
OS and Internet Specs:
Windows XP (with SP2), 1680x1050, PHP 4, MySQL 3, Internet Explorer 6 &7 /FireFox 2.0/Opera 9.2

Tutorials:
Simple Introduction to AJAX and XMLHttpRequest
Creating Live Data with AJAX Making a Google Suggest like application

#2 moberemk

moberemk
  • Members
  • PipPipPip
  • Advanced Member
  • 695 posts

Posted 07 April 2006 - 03:24 PM

Can you give us the CSS for positioning the progress loader? That might help.
Disclaimer: No matter how harsh I may be, I'm always IMO only.

#3 Gast

Gast
  • Members
  • PipPipPip
  • Advanced Member
  • 131 posts
  • LocationSouth East England

Posted 07 April 2006 - 08:59 PM

Of course:

#profileLoadingScreen {
    position: absolute;
    font-size: 10px;
    display: none;
    width: 250px;
    height: 125px;
    padding: 8px;
    z-index: 100;
    left: 287px;
    top: 1600px;
    border: 1px solid #999999;
    background-color: #EEEEEE;
    filter: progid:DXImageTransform.Microsoft.DropShadow(color="#CCCCCC", OffX=2, OffY=2)
}

At a later date (after pressing the submit button) the display style attribute is changed to block to make it visible. Over some form elements (higher up the page) it shows the correctly.
OS and Internet Specs:
Windows XP (with SP2), 1680x1050, PHP 4, MySQL 3, Internet Explorer 6 &7 /FireFox 2.0/Opera 9.2

Tutorials:
Simple Introduction to AJAX and XMLHttpRequest
Creating Live Data with AJAX Making a Google Suggest like application

#4 moberemk

moberemk
  • Members
  • PipPipPip
  • Advanced Member
  • 695 posts

Posted 07 April 2006 - 09:46 PM

Instead of working with the display attribute, try switching the visibility attribute instead. See if that does anything.
Disclaimer: No matter how harsh I may be, I'm always IMO only.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users