toadvine

I've been puzzling over this for a bit, and was wondering if anyone could help me. There seems to be a difference in the how IE and Mozilla-based browsers display a fairly simple table:
<html>
<head>
<title>Untitled</title>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" width="500">Heading Bar</td>
</tr>
<tr>
<td height="300" width="100">sidebar</td><td height="800" rowspan="2">content</td>
</tr>
<tr>
<td>&nbsp</td>
</tr>
</table>
</body>
</html>

The big difference is that while Firefox or Netscape will display the right size Sidebar cell at the top left of the page, IE doesn't fix the size, which means the image I'm using for a sidebar gets centered on the content halfway down the page.

The two possibilities to resolve this would have to be forcing the image to align off the top of the cell instead of being centered by default or by actually getting IE to limit the cell size so that the &nbsp cell can take up the rest of the space, but I've been unable to get either of these to happen. I'm probably just forgetting something simple, but I'd appreciate any help you could give me. Thanks!


Re: Internet Explorer Web Development Cell height restrictions not recognized in IE

Mathieu Perceau

<html>
<head>
<title>Untitled</title>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0" width="500px" height="100%">
<tr height="50px">
<td colspan="2">Heading Bar</td>
</tr>
<tr height="300px">
<td width="100px">sidebar</td><td rowspan="2">content</td>
</tr>
<tr>
<td>&nbsp</td>
</tr>
</table>
</body>
</html>

--

Mathieu Perceau





Re: Internet Explorer Web Development Cell height restrictions not recognized in IE

toadvine

Yeah, I actually got it working right after I posted, but thanks! I was using align instead of valign, silly mistake.