PDA

Click to See Complete Forum and Search --> : Box help?

AndrewR
08-07-2006, 10:31 AM
Hello.

My website design is made up of five layout tables (below)

http://img519.imageshack.us/img519/9927/1ayz4.jpg

The top left table is for the logo, the top right table is for the banner, the middle left table is for the navigation, the middle right table is for the content and the bottom table is for the footer.

The problem I am having is that when I start adding content to the middle right table (where is says, “TEST AND TEST”) the navigation table colour doesn’t stretch so what you get is an effect like below.

http://img394.imageshack.us/img394/6637/2adh5.jpg

This is alright when you are simply doing an html site because you can stretch the navigation table so you don’t get a white line below it although I plan to use a lot of dynamic content (php etc) and the content table will automatically stretch by itself. How would I solve this problem?

Your help would be much appreciated.

Thanks
tabzter
08-07-2006, 01:57 PM
make the document bakground match the colour in the left middle row, this way you dont have to make any structural changes
AndrewR
08-07-2006, 05:29 PM
make the document bakground match the colour in the left middle row, this way you dont have to make any structural changes

Thanks for your help although what structural changes could I make?
pacerier
08-07-2006, 07:43 PM
it may be that your table has a wrong structure or something. do you have a link to the page or the source code for the page?
AndrewR
08-08-2006, 07:28 AM
There is the HTML code.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body>

<table width="922" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="266" height="172" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000099">
<!--DWLayoutTable-->
<tr>
<td width="266" height="172">&nbsp;</td>
</tr>
</table></td>
<td width="656" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#EEEEEE">
<!--DWLayoutTable-->
<tr>
<td width="656" height="172" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
</table></td>
</tr>
<tr>
<td height="153" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#EEEEEE">
<!--DWLayoutTable-->
<tr>
<td width="266" height="153"></td>
</tr>
</table></td>
<td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#F8F8F8" >
<!--DWLayoutTable-->
<tr>
<td width="656" height="153">&nbsp;</td>
</tr>
</table></td>
</tr>
<tr>
<td height="23" colspan="2" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000099">
<!--DWLayoutTable-->
<tr>
<td width="922" height="23">&nbsp;</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
pacerier
08-08-2006, 12:17 PM
you don't need so many tables, one shall do fine otherwise it will defeat the purpose of it:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="width:266px; height:172px; background:#000099;" valign="top"></td>
<td style="height:172px; width:656px; background:#eeeeee;" valign="top"></td>
</tr>
<tr>
<td style="height:172px; background:#eeeeee;" valign="top"></td>
<td style="background:#f8f8f8;" valign="top"></td>
</tr>
<tr>
<td style="height:23px; background:#000099;" colspan="2" valign="top"></td>
</tr>
</table>
</body>
</html>
ps: i love your title :)
AndrewR
08-09-2006, 04:37 PM
Thank you pacerier :)