jasonc Posted October 25, 2008 Share Posted October 25, 2008 hi hope someone can figure this out. i have a popup overlay box for users to select the RSS feed they want. but now for some reason the popup section is not in the table it has jumped out, and really sure none of the code has been changed. could be an update in IE or FireFox that caused it. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="en-GB"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" type="text/css" href="js/csscode.css"> <link rel="stylesheet" type="text/css" href="js/rssmenu.css"> <script type="text/javascript" src="js/jscode.js"></script> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); //--> </script> </head> <body bgcolor="#000000"> <table width="281" align="center" style="border-collapse:collapse;"> <tr> <td width="273" height="126" valign="top" bgcolor="#000000"> <table width="100%" cellpadding="8" style="border-collapse:collapse;"> <tr> <td valign="top"> <div align="center" id="index-container"> <div><table width="713" border="2"> <tr> <td width="701"> <table width="100%" style="border-collapse:collapse"> <tr> <td width="5%" align="left" valign="bottom" bgcolor="#125892"> </td> <td width="95%" align="left" valign="top" bgcolor="#125892"> <div align="left"> <table align="left" style="border-collapse:collapse"> <tr> <td align="right"><div id="rss"><img src="images/rsslogo.jpg" alt="RSS" id="rsslogo"><br> <div align="right" id="rssmenu" style="background: rgb(236, 85, 2) repeat-x scroll 0% 0%; "><font size="4">Choose a reader</font> <ul> <li><a href="http://www.bloglines.com/sub/http://www.site.com/rss.php?rss=bloglines" style="background-image: url(images/rss_DD_bloglines.gif); background-position: 10% 50%; background-repeat: no-repeat;">Bloglines </a></li> </ul> </div> <img src="headerimages/barcode.png" width="48"></div> </td> </tr> </table> </div></td> </tr> <tr> <td colspan="2" bgcolor="#125892"> </td> </tr> </table></td> </tr> </table> </div> </div> </td> </tr> </table> </td> </tr> </table> </body> </html> css code .centertext { text-align: center; } span { display: none; } #index-container { border: 1px solid #fff; background: #507bcd; } #index-content { margin: 8px; padding: 0; } h1 { text-align: left; font: small tahoma; font-size: 12px; font-weight: bold; margin: 0px 0px; padding: 5px; } h2 { text-align: left; font: small tahoma; font-size: 12px; font-weight: bold; margin: 0px 5px; padding: 5px; } h3 { text-align: left; font: small tahoma; font-size: 12px; font-weight: bold; margin: 0px 5px; padding: 10px; } img.floatLeft { float: left; margin-top: 0px; margin-right: 10px; margin-bottom: 10px; margin-left: 3px; } img.floatRight { float: right; margin: 15px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 3px; } img.floatImgLeft { float: left; margin-top: 0px; } img.floatImgRight { float: left; margin-top: 0px; } .right { position:absolute; bottom:4px; right:6px; } /* top right bottom left */ .headercontainer { position:relative; background:#3D6DC7; margin:0px 1px; } .rtopheader, .rbottomheader{ display:block; background:#507BCD; } .rtopheader *, .rbottomheader *{ display: block; height: 1px; overflow: hidden; background:#3D6DC7; } Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.