View Full Version : problem with DIV overlay

10-28-2008, 07:11 AM
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">

<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();
<body bgcolor="#000000">
<table width="281" align="center" style="border-collapse:collapse;">
<td width="273" height="126" valign="top" bgcolor="#000000">

<table width="100%" cellpadding="8" style="border-collapse:collapse;">
<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">
<td width="5%" align="left" valign="bottom" bgcolor="#125892">&nbsp;</td>

<td width="95%" align="left" valign="top" bgcolor="#125892">
<div align="left">

<table align="left" style="border-collapse:collapse">
<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>
<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&nbsp;&nbsp;</a></li>

<img src="headerimages/barcode.png" width="48"></div>


<td colspan="2" bgcolor="#125892">&nbsp;</td>


.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; }

10-28-2008, 01:32 PM
yes sorry a 'bump'

can not one see what could be causing my DIV to be outside the tables ?