Forum Moderators: not2easy
I am totally frustrated by IE at this point. If someone could tell me why my "body region" text moves all the way down the page in IE and yet, in Firefox, stays put, I would really REALLY appreciate it. I have created a total of 3 tables - one master and two that are nested inside of the master. The master spans the length of the page while the first nested table holds my navigation buttons and my second one holds my content. I have done some cell merge to get things in there proper place. Here is a snippet of the code:
<TABLE WIDTH=760 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=5 ROWSPAN=2>
<A HREF="index.php" ONMOUSEOVER="window.status='Cash4Cartridges USA Home'; return true;" ONMOUSEOUT="window.status=''; return true;">
<IMG SRC="Images/header/images/banner-without-sidebar-and-.gif" WIDTH=256 HEIGHT=80 BORDER=0 ALT="Cash4Cartridges USA Home"></A></TD>
<TD COLSPAN=3 ROWSPAN=2>
<IMG SRC="Images/header/images/banner-without-sidebar-a-03.gif" WIDTH=167 HEIGHT=80 ALT=""></TD></TR>
etc...then...
<TR>
<TD COLSPAN=3 ROWSPAN=2 VALIGN=top>
<A HREF="login.php" ONMOUSEOVER="window.status='Login'; return true;" ONMOUSEOUT="window.status=''; return true;">
<IMG SRC="Images/Images/images/login-button-version-2.gif" WIDTH=188 HEIGHT=32 BORDER=0 ALT="Login"></A>
<table width="157" border="0" align="left" cellpadding="0" cellspacing="0">
<!-- fwtable fwsrc="sidebar_login2.png" fwbase="sidebar_login2.gif" fwstyle="Dreamweaver" fwdocid = "818958875" fwnested="0" -->
<tr>
<td><img src="Images/sidebar/spacer.gif" alt="" name="undefined_2" width="157" height="1" border="0" id="undefined_2" /></td>
<td><img src="Images/sidebar/spacer.gif" alt="" name="undefined_2" width="1" height="1" border="0" id="undefined_2" /></td>
</tr>
<tr>
<td><a href="index.php"><img src="Images/sidebar/sidebar_login2_r1_c1.gif" alt="Home" name="sidebar_login2_r1_c1_2" width="157" height="25" border="0" id="sidebar_login2_r1_c1_2" /></a></td>
<td><img src="Images/sidebar/spacer.gif" alt="" name="undefined_2" width="1" height="1" border="0" id="undefined_2" /></td>
</tr>
<tr>
etc...then...(sorry, I am not sure how much someone would need to be able to see my problem)...
</table></TD>
<TD colspan="9" valign="top"><!-- InstanceBeginEditable name="Title Region" --><img src="Images/Title%20Graphics/News-Graphic.gif" width="375" height="73" /><!-- InstanceEndEditable --></TD>
<TD colspan="6" align="right" valign="top"><a href="http://www.---.com" target="_blank"><img src="Images/OBS_LOGO_Animated.gif" width="170" height="73" border="0"></a></TD>
</TR>
<TR>
<TD colspan="15" rowspan="2" valign="top"><!-- InstanceBeginEditable name="Body Region" -->Body Region<!-- InstanceEndEditable --></TD>
</TR>
OK - sorry about the amount of code, if someone responds, please tell me how much of it was necessary b/c I am a newbie and don't know. The problem, however, is when the area known as "Body Region" is displayed, it is displayed almost at the bottom of the page. However, the OBS_Logo_Animated.gif displays correctly i.e. in the upper right corner of the screen where it is supposed to be...any ideas on why this text wants to move in IE and not in Firefox?
Thanks in advance!
Brian
Alternately, stickymail me the url, and I'll take a look, I can't really tell unless I see the whole table structure.
Good luck!
Charlie