Click here to get back home

Does fence off space from other frames?</h1></div> </td> <td bgcolor="#FFFFFF" valign="middle" align="right"> </td> </tr> </table> </td> <tr> <td width="100%" bgcolor="#FFFFFF" height="24" align="center"> </td> </tr> </table> <table cellpadding="0" cellspacing="0" border="0" width="90%" align="center" bgcolor="#F5F5F5"> <tr> <td width="100%" align="center"> </td> </tr> </table> <table border="0" width="100%" cellspacing="1" cellpadding="0" class="bordercolor" align="center"> <tr valign="middle" bgcolor="#CCFFCC"> <td align="left"><table width="100%" border="0"><tr><td valign="middle" align="left" width="200"><table width="364" border="0" cellpadding="0" cellspacing="1"> <tr> <td height="15" valign="middle" align="center"><font color="#003399">&nbsp<a class="top_link" href="/">Home</a> |&nbsp<a class="top_link" href="/forums/">NewsGroups</a> |<a class="top_link" href="search.php"> Search </a>|<a class="top_link" href="about.php"> About </a></font></td> </tr> </table> </td><td valign="middle" align="right" width="600"><script language="javascript" src="lib/md5.js"></script> <script language="javascript">  function checkIntro() { } </script> <table width="500" border="0"><tr><form name="login" method="POST" action="login.php" onSubmit="doChallengeResponse(); return false;"> <td class="top_link">Login <input name="id_user" type="text" class="small" tabindex="1" size="10" maxlength="30"> Password <input name="passwd" type="password" class="small" tabindex="2" onKeyUp="checkIntro(); return false;" size="10" maxlength="20"> <input name="user_login" type="submit" class="small" value="Login"> <input type="hidden" name="login" value="ok"> <input type="hidden" name="response" value=""> <input type="hidden" name="challenge" value="77ba8ab83841bc94d7a3fcd46df47359"> </td> </form> <form name='foo'> <td class="top_link"> <a href="register.php">Register Now!</a> <td> </form> </tr></table> </td></tr></table> </td> </tr> <tr> <td colspan="2" valign="middle" align="center" bgcolor="#FFFFFF"> </td> </tr> <tr> <td> <table width="100%" cellspacing="0" cellpadding="10" border="0" align="center" bgcolor="#FFFFFF"> <tr> <td valign="TOP"> <script language="javascript">  </script> <table border="0" cellspacing="0" cellpadding="2" width=100%> <tr><td> <script type="text/javascript"></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </td><td> <script type="text/javascript"></script> <script src="http://scripts.chitika.net/eminimalls/amm.js" type="text/javascript"> </script> </td> </tr></table> <table border="0" cellspacing="0" cellpadding="2" width=100%> <tr > <td> <a class="bold" href=comp.infosystems.www.authoring.html-newsgroup8-1.htm>comp.infosystems.www.authoring.html</a>  <a href=/forums/post.php?grp_id=8&newsgroups=comp.infosystems.www.authoring.html&type=new>  <img src="/forums/themes/standard/images/editicon.gif" alt="Post an article" border=0 height="17"></a>   <a href="http://www.1-script.com/forums/rss/comp.infosystems.www.authoring.html.xml" target="_blank"><img src="/images/rss.gif" border="0" alt="get this group's latest topics as an RSS feed"></a> <a href="http://my.msn.com/addtomymsn.armx?id=rss&ru=RETURN&tt=TRACK&ut=http%3A%2F%2Fwww.1-script.com%2Fforums%2Frss%2Fcomp.infosystems.www.authoring.html.xml" target="_blank"><img src="/images/addtomymsn.gif" border="0" alt="add this group's latest topics to your My MSN content"></a> <a href="http://add.my.yahoo.com/rss?url=http%3A%2F%2Fwww.1-script.com%2Fforums%2Frss%2Fcomp.infosystems.www.authoring.html.xml" target="_blank"><img src="/images/addtomyyahoo.gif" border="0" alt="add this group's latest topics to your My Yahoo content"></a> </td> </tr> </table> <table border="0" cellspacing="0" cellpadding="3" width=100%> <tr> <td class="article_body" colspan="5"> <table border="0" cellspacing="0" cellpadding="3" width="100%"> <tr class="tabla_menu"> <td class="normal_bold">Subject</td> <td align="right" class="normal_bold">Author</td> <td align="right" class="normal_bold">Date</td> </tr> <tr> <td class="bold" ><img src="/forums/themes/standard/images/li1r.gif" width="5" height="5"><a class="text" href="/forums/Does-iframe-fence-off-space-from-other-frames-article31236--8.htm">Does <iframe> fence off space from other frames?</a></td> <td align="right" class="bold" ><i>Chris Beall</i></td> <td align="right" class="bold" >03-25-2008</td> </tr> <tr> <td colspan="3" align="left" class="normal" > <script language="JavaScript" type="text/javascript" src="/lib/tree/layerstreemenu-cookies.js"></script> <link rel="stylesheet" href="/forums/themes/standard/styles/layersmenu.css" type="text/css"></link> <link rel="stylesheet" href="/forums/themes/standard/styles/layerstreemenu.css" type="text/css"> <link rel="stylesheet" href="/forums/themes/standard/styles/style.css" type="text/css"> <script language="JavaScript" type="text/javascript">  </script> <div id="jt1" style="display: block; white-space: nowrap;"> <table width="730" border="0" cellspacing="0" cellpadding="0"><tr><td width="500" class='normal' bgcolor='#F3F3F3'><img align="top" border="0" class="imgs" src="/forums/themes/standard/images/tree/tree_corner.png" alt="`-" /><a href="/forums/Does-iframe-fence-off-space-from-other-frames-article31236--8.htm#31237" target="_parent"><img align="top" border="0" class="imgs" src="/forums/themes/standard/images/tree/tree_leaf.png" alt="->" /></a> <a href="/forums/Does-iframe-fence-off-space-from-other-frames-article31236--8.htm#31237" target="_parent">Re: Does <iframe> fence off space from other frame...</a> </td><td width="120" align="left" class="normal" bgcolor='#F3F3F3'><i>Ben C</i></td><td width="110" align="right" class="normal" bgcolor='#F3F3F3' ><a href='#' title='04:19:07'>03-26-2008</a></td></tr></table></div> <script language="JavaScript" type="text/javascript">  </script> </td> </tr> </table> </td> </tr> <tr> <td class="article_body" colspan="5"> </td> </tr> <tr> <td colspan="5" width="100%" valign="top">   <table width = "100%"> <tr><td class="body_post"><a name="31236"></a> <div style="background:#CCCCCC;">Posted by <i>Chris Beall</i> on March 25, 2008, 7:00 pm </div> <div style="text-align:center;" class="bold">Please log in for more thread options</div><span id="insert_left"><table><tr><td> <script type="text/javascript"></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </td></tr></table></span> See http://www.adultballet.com.au/AdultBallet.php?Page=Shop <br/> <br/>At the bottom of the page is a nav bar. The 2nd, 3rd, and 4th visible <br/>links, when moused over, should pop-up secondary links (via CSS :hover <br/>selectors). This works on all other site pages, but not in the Shop, where <br/>a CafePress shop is contained in an iframe that fills all the space above <br/>the nav bar. <br/> <br/>There's lots of use of z-index here. The iframe is zindex 10000 and the nav <br/>links, including the pop-ups are z-index 900000. <br/> <br/>The question: Is there something special about an iframe that would prevent <br/>the nav pop-up from entering its space? (If not, I would suspect this is a <br/>z-index problem). <br/> <br/>This is not my site. It was left incomplete by one developer and I'm trying <br/>to help the substitute clean it up. [Yes, thanks, I know there is a lot <br/>wrong here; no need to point it all out]. <br/> <br/>Thanks, <br/> Chris Beall <br/> <br/> <br/> <br/></td></tr> <tr><td class="body_post"><a name="31237"></a> <div style="background:#CCCCCC;">Posted by <i>Ben C</i> on March 26, 2008, 4:19 am </div> <div style="text-align:center;" class="bold">Please log in for more thread options</div><span id="insert_left"><table><tr><td> <script type="text/javascript"></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </td></tr></table></span> <div class="body_comment_1"><i>> See http://www.adultballet.com.au/AdultBallet.php?Page=Shop</i></div> <div class="body_comment_1"><i>></i></div> <div class="body_comment_1"><i>> At the bottom of the page is a nav bar. The 2nd, 3rd, and 4th visible</i></div> <div class="body_comment_1"><i>> links, when moused over, should pop-up secondary links (via CSS :hover</i></div> <div class="body_comment_1"><i>> selectors). This works on all other site pages, but not in the Shop, where</i></div> <div class="body_comment_1"><i>> a CafePress shop is contained in an iframe that fills all the space above</i></div> <div class="body_comment_1"><i>> the nav bar.</i></div> <div class="body_comment_1"><i>></i></div> <div class="body_comment_1"><i>> There's lots of use of z-index here. The iframe is zindex 10000 and the nav</i></div> <div class="body_comment_1"><i>> links, including the pop-ups are z-index 900000.</i></div> <div class="body_comment_1"><i>></i></div> <div class="body_comment_1"><i>> The question: Is there something special about an iframe that would prevent</i></div> <div class="body_comment_1"><i>> the nav pop-up from entering its space?</i></div> <br/>No. An iframe should get stacked the same as any other element. <br/> <br/><div class="body_comment_1"><i>> (If not, I would suspect this is a z-index problem).</i></div> <br/>Possibly. Such high z-index values do set off some bogosity alarms. <br/>Remember z-index only applies to positioned elements (set things <br/>to position: relative for fewest side-effects) and that it restacks <br/>only within the local stacking context. <br/> <br/>I don't know if either of these is the problem-- they're just the two <br/>most generally surprising things about z-index. The popups don't seem to <br/>be working at all in Firefox. <br/> <br/><div class="body_comment_1"><i>> This is not my site. It was left incomplete by one developer and I'm trying</i></div> <div class="body_comment_1"><i>> to help the substitute clean it up. [Yes, thanks, I know there is a lot</i></div> <div class="body_comment_1"><i>> wrong here; no need to point it all out].</i></div> <br/></td></tr> </table> <table><tr><td class="bold">Similar Threads</td><td class="bold">Posted</td></tr><tr><td class="bold"><a href="/forums/make-a-div-take-up-space-article1772--8.htm" >make a div take up space</a></td><td class="normal"> August 21, 2004, 7:33 am</td></tr> <tr><td class="bold"><a href="/forums/Why-unwanted-space-article13025--8.htm" >Why unwanted space?</a></td><td class="normal"> July 23, 2005, 10:39 pm</td></tr> <tr><td class="bold"><a href="/forums/SSI-Nav-Menu-Space-article25648--8.htm" >SSI Nav Menu Space</a></td><td class="normal"> February 20, 2007, 12:38 pm</td></tr> <tr><td class="bold"><a href="/forums/Space-around-images-article29303--8.htm" >Space around images?</a></td><td class="normal"> November 21, 2007, 4:29 pm</td></tr> <tr><td class="bold"><a href="/forums/Bold-takes-up-more-space-article194--8.htm" >Bold takes up more space?</a></td><td class="normal"> July 13, 2004, 10:35 am</td></tr> <tr><td class="bold"><a href="/forums/Why-Blank-Space-on-Last-Row-of-Table-article880--8.htm" >Why Blank Space on Last Row of Table?</a></td><td class="normal"> July 29, 2004, 3:00 am</td></tr> <tr><td class="bold"><a href="/forums/Space-introduced-between-images-article3809--8.htm" >Space introduced between images</a></td><td class="normal"> October 13, 2004, 2:26 pm</td></tr> <tr><td class="bold"><a href="/forums/Zero-width-space-still-unsafe-article6236--8.htm" >Zero width space still unsafe?</a></td><td class="normal"> December 20, 2004, 4:46 pm</td></tr> <tr><td class="bold"><a href="/forums/why-paragraphs-have-a-space-on-top-in-FireFox-article11424--8.htm" >why paragraphs have a space on top in FireFox?</a></td><td class="normal"> May 19, 2005, 11:30 am</td></tr> <tr><td class="bold"><a href="/forums/adding-white-space-in-p-article13882--8.htm" >adding white space in <p></a></td><td class="normal"> August 31, 2005, 4:34 pm</td></tr> </table>  </tr> </table> </td> <TD valign="top"> </TD> </tr> </table> </td></tr></table> <br> <table border="0" width="90%" cellspacing="0" cellpadding="0" class="bordercolor" align="center"><tr><td> <table border="0" width="100%" cellpadding="3" cellspacing="0" bgcolor="#FFFFFF"> <tr> <td bgcolor="#FFFFFF" valign="middle" align="center" colspan="3">  <span class="small"> <p align="center">Our other projects:</p> <p align="center"><a href="http://www.sunnyfaces.net">Art Dolls, Fairies and Mermaids - Sunnyfaces.net</a></p> <a href="http://www.schestowitz.com/UseNet/" title="Roy's messages about Linux, Search Engines and computer programming" target="_blank">Roy's Linux, Programming and Search Engines messages</a><br> <br/> <a href="/sitemap.xml"><img src="/images/xml.gif" alt="1-Script XML Sitemap" border = "0">XML Sitemap</a> <br/> </span>  </td> </tr> </table> </td></tr></table> </body> </html>