Forum Moderators: open
Here's the markup (the page is valid HTML 4.01 Transitional) with spacing left as-is:
<center><table width="715" cellpadding="0" cellspacing="0" bgcolor="#254A86"><tr><td colspan="3"><a href="/"><img src="toplogo1.jpg" width="715" height="124" border="0" alt="blablabla"></a></td></tr><tr><td width="162" bgcolor="#254A86" valign="top"><p>LH column</p></td>
<td width="394" bgcolor="#FFFFFF" align="left" valign="top">
<!-- main content section -->
<h1>title1</h1>
<p>blablabla</p>
<h2>title2</h2>
<p>blablabla</p>
</td>
<td width="159" bgcolor="#254A86" valign="top"><p>RH column</p></td>
</tr><tr><td colspan="3" width="100%" bgcolor="#FFFFFF">a search box here</td></tr><tr><td bgcolor="#FFFFFF" colspan="3" width="100%"><p class="footer" align="center">© 2004, blablabla</p></td></tr></table></center> The problems:
1. I get a 1px gap between the table rows, even with the cellspacing and cellpadding set to zero.
2. NN4.79 just won't respect the fixed widths for the columns - it makes the left column too narrow, and the right one too wide.
Does anyone remember the old-style table tricks to make everything hold together? NN4 compatibility is obligatory on this site, as the site owner uses it and can't upgrade.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
</head>
<body>
<center>
<table width="715" cellpadding="0" cellspacing="0" border="0" bgcolor="#254A86">
<tr>
<td height="124"><a href="/"><img src="toplogo1.jpg" width="715" height="124" border="0" alt="blablabla"></a></td>
</tr>
<tr>
<td>
<table width="715" cellpadding="0" cellspacing="0" border="0" >
<td width="162" bgcolor="#254A86" valign="top"><p>LH column</p></td>
<td width="394" bgcolor="#FFFFFF" align="left" valign="top">
<h1>title1</h1>
<p>blablabla</p>
<h2>title2</h2>
<p>blablabla</p></td>
<td width="159" bgcolor="#254A86" valign="top"><p>RH column</p></td></tr></table></td></tr>
<tr>
<td width="715" bgcolor="#FFFFFF">a search box here</td></tr><tr><td bgcolor="#FFFFFF" width="715"><p class="footer" align="center">© 2004, blablabla</p></td>
</tr></table>
</center>
</body>
</html>
you forgot border="0" on the table.
Doh! When you stare at your markup for too long, you miss the obvious!
When in doubt nest tables
Why does this not surprise me... I was hoping to avoid nesting, but it looks like I've got no choice here. I'll try not to think about the accessibility implications, though!