Forum Moderators: open
The page looks great in Fiefox and Netscape, but the problem is in IE. It seems the page extends to far to the right resulting in a scrollbar on the bottom (which I do not want). I want to keep the main table at 100% width so the entire screen is filled even at higher screen resolutions. I tried removing all reference to image and cell sizes in pixels and it still didn't work. Here is my page's code, anyone have any suggestions?
<html>
<head>
<title>Test Page</Title>
<Meta Http-Equiv="Content-Type" Content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#3F4666" LeftMargin=0 TopMargin=0 MarginWidth=0 MarginHeight=0>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100%">
<Table width="100%" border=0 CellPadding=0 CellSpacing=0>
<Tr>
<Td RowSpan=3 width="130" height="325">
<Img Src="images/1.gif" width=130 height=325></Td>
<Td ColSpan=3 align="center" background="images/9.gif">
<Img Src="images/2.gif" width=650 height=27></Td>
</Tr>
<Tr>
<Td RowSpan=2 width="263" height="298">
<Img Src="images/3.gif" width=263 height=298></Td>
<Td ColSpan=2 align="center" background="images/8.gif">
<Img Src="images/4.gif" width=387 height=36></Td>
</Tr>
<Tr>
<Td width="110" height="262">
<Img Src="images/5.gif" width=110 height=262></Td>
<Td height="262" background="images/6.gif" valign="top" width="100%"><table width="100%" border="0" cellpadding="6">
<tr>
<td valign="top">Text goes here</td>
</tr>
</table> </Td>
</Tr>
</Table>
</td>
</tr>
</table>
</body>
</html>
anyone have any suggestions?
Yes. Don't use tables for layout. And if you MUST use tables for layout, only use 1... not this nested mess.
I realize that's putting it very bluntly, but really you should be using CSS for presentation.
