Forum Moderators: open
<body bottommargin="0" topmargin="0">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="800" height="100%">
<tr>
<td width="25" height="100%" rowspan="2" background="images/left_bar.gif"></td>
<td width="750" height="175" colspan="3">
<div><img src="images/header.gif"></div>
</td>
<td width="25" height="100%" rowspan="3" background="images/right_bar.gif"></td>
</tr>
<tr>
etc...
Now, this code causes problems with netscape (there is a bit of dead space at the bottom of the page, b/c netscape doesn't support heaight="100%") However, if i take those calls out, there is dead space in IE. Anyone know a way i can make it work with both?
Thanks
My first suspicion is this: <div><img src="images/header.gif"></div>
There are no attributes for this div, and there are no dimensions for the image.
I intially suspected small font size differences, but I don't see any text. With images only you should have no size differences cross-browser. Just for safety sake, try ensuring that img elements have a rule for zero border and margin.
Plus, maybe you did this and didn't mention it, but make sure all the code is valid, with proper DTD to handle the standards versus quirks mode, etc. That's always my first debug action with layouts.