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; } Link to comment https://forums.phpfreaks.com/topic/130124-div-has-jumped-out-of-table-where-it-should-be-in/ Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.