SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Aug 2004
    Location
    Louisiana
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Z-index ignored in IE6

    I am using javascript to show a div on a mouseover. In Mozilla, all is hunky-dory. (Love Mozilla.) My issue is that in IE, the div shows behind another div on the page. I've set the z-index on the problem div ridiculously high, to no effect.

    I've searched for the problem, but either I'm using ineffective search terms (most likely) or a similar problem has not been documented else where (less likely).

    I'd appreciate any pointers to other references, or if you'd like to take a look at the page, it's http://www.jaypaulstudio.com/gallery/beach/spink.html

    Thanks
    Sarah

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,784
    Mentioned
    158 Post(s)
    Tagged
    3 Thread(s)
    Hi,

    The problem has occured because you have used invalid code.

    You have wrapped block level elements up inside your h2 tag which is not allowed and is confusing ie.

    Change your code tyo something like this.
    Code:
    <div style="position:relative;z-index:100"><h2>limited edition giclee <a href="java_script_:;" onClick="MM_showHideLayers('giclee','','show')" onMouseOver="MM_swapImage('question','','http://www.jaypaulstudio.com/images/question-roll.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="http://www.jaypaulstudio.com/images/question.gif" alt="What is GiClee?" name="question" border="0" id="question"></a> 
    		 </h2>
    	<div id="giclee" class="definition" onMouseOut="MM_swapImgRestore();MM_showHideLayers('giclee','','hide')" >Giclee 
    			prints are ditigal copies of original artworks, made using high-resolution 
    			digital files and inkjet printers. For more information, visit <a href="http://www.proteusworkshop.com/giclee.html" target="_blank">Proteus 
    			Workshop</a></div>
    		</div>
    You should set up a class for that inline style to keep things tidy, I've just left it there so you can see it .

    Paul

  3. #3
    SitePoint Member
    Join Date
    Aug 2004
    Location
    Louisiana
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Thanks!

    Well, that makes perfect sense. I had it in the <h2> because I wanted the position relative to that... but obviously I wasn't thinking about it very clearly.

    Thanks for the help!

    Sarah


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •