Last time I used HTML was before Java was on the scene, so I feel like I'm re-learning.
I wanted to keep the site simple as simple as I could, so what I have are three iframes on the page with embedded pages, where the whole site just opens in these embedded pages. It all works great in firefox, as seen here...
but when I get to IE 6 or 7, the frames seem bigger than the space allotted, pushing the images on the right, further to the right, jacking the look of the whole site up...as seen here...
I'm wondering if this is a bug in IE I can get around or not. Is there a better way to tool this?
There's a lot of tr's and td's and I apologize. I hope it's not to arduous to look through.
Thanks a mill
GC
CODE
<html>
<head>
<title>randall | graphicdesign</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#5a2c0e" style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#86451a', startColorstr='#5a2c0e', gradientType='0');" onLoad="parent.body.location='file:///D:/Website/Catera/catera_files/New Folder/satellites/welcome.html';">
<table id="Table_01" align="center" width="800" height="800" border="0" cellpadding="0" topmargin="0" cellspacing="0">
<tr>
<td colspan="5">
<img src="images/randall_01.gif" width="800" height="11" alt=""></td>
</tr>
<tr>
<td rowspan="6">
<img src="images/randall_02.gif" width="59" height="789" alt=""></td>
<td colspan="3"><iframe src="header/header.html" name="Header" width="673" height="45" bgcolor="cfd7cc" frameborder="0" scrolling="no"></iframe></td>
<td rowspan="6">
<img src="images/randall09.gif" width="68" height="789"></td>
</tr>
<tr>
<td colspan="3">
<img src="images/randall_05.gif" width="673" height="60"></td>
</tr>
<tr>
<td>
<img src="images/randall06.gif" width="291" height="408"></td>
<td rowspan="4">
<img src="images/randall07.gif" width="90" height="684"></td>
<td rowspan="2">
<iframe name="body" border="0" "width="292" height="609" topbgcolor="cfd7cc" frameborder="0" scrolling="no" vscrolling="auto"></iframe></td>
</tr>
<tr>
<td><iframe name="tidbits" border="0" "width="291" height="201" bgcolor="cfd7cc" frameborder="0" scrolling="no"></iframe></td>
</tr>
<tr>
<td>
<img src="images/randall_10.gif" width="291" height="2" alt=""></td>
<td rowspan="2">
<img src="images/randall_13.gif" width="292" height="75" alt=""></td>
</tr>
<tr>
<td>
<img src="images/randall_12.gif" width="291" height="73" alt=""></td>
</tr>
</table>
</body>
</html>
| 