hi all. I have a problem here with my layout. <br />
<br />
<!-- m --><a class="postlink" href="http://www26.brinkster.com/matrix07/Test2.asp">http://www26.brinkster.com/matrix07/Test2.asp</a><!-- m --><br />
<br />
See the yellow border, that's a table. Can I have it where it's independent of the table beside it because it's screwing up my alignment of my td's in the other table. See where I have Site showcase, there's too much space between the end of that section and the Submit Your Site section. How can I fix that??? This table thing is driving me insane!!! Appreciate the help!!!<br />
Thanks!!!<!--content-->Okay, it looks like that yellow table on the right has been created inside a cell which is on the same row as the main text on the left, so when the yellow table stretches, so does the left hand side, pushing the 'submit your site' down.<br />
<br />
I think the best thing you could do is to create an outer table of 1 row and 2 columns like this:<br />
________________________________________<br />
| | |<br />
| | |<br />
| | |<br />
| | |<br />
| | |<br />
|__________________|____________________|<br />
<br />
In the left hand cell, create another table in which to put all the content on the left of the page. In the right hand cell create a table in which to put all the content on the right of your page. That way, the two sides should act independently of each other.<br />
<br />
I hope that helps!
<!--content-->hi goldilocks, how would I do that??? I been trying to do that, but I can't get it to work. Thanks.<!--content-->Hi, will this work??? I didn't put any content yet, but will this solve my problem??? Problem right now is table 1 spans the width of the outter table, and then table 2 is all the way to the right. Sorry I can't show you...hope you understand. Here's my code. Thanks again. <br />
<br />
<br />
<body bgcolor="#000000" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" rightmargin="0"> <br />
<table width="777" border="0" cellpadding="0" cellspacing="0" align="left" bgcolor="#00426B"> <br />
<tr> <br />
<td><img src=http://www.htmlforums.com/archive/index.php/"logo.jpg"></td> <br />
</tr> <br />
<tr> <br />
<td height="30"></td> <br />
</tr> <br />
<br />
<tr> <br />
<td> <br />
<table name="tblcontent" width="100%"> <br />
<tr> <br />
<td>table 1</td> <br />
</tr> <br />
<br />
</table> <br />
</td> <br />
<br />
<td> <br />
<table name="tblShoutbox" width="100%"> <br />
<tr> <br />
<td>table 2</td> <br />
</tr> <br />
</table> <br />
</td> <br />
</tr> <br />
</table> <br />
</body> <br />
</html><!--content-->I think your problem is that you've got the two top rows with only one cell in them and then the bottom row with two cells (columns).<br />
<br />
In the top two you need to put <tr colspan="2"> to tell it that the row needs to span across two columns, otherwise the browser gets confused when it tries to display the table.<br />
<br />
Let me know if you have any more problems and I'll try to help you some more!<!--content-->Hey Goldilocks,<br />
<br />
<br />
Thanks for your reply, will work on it today and see what happens, thanks again.<!--content-->
<br />
<!-- m --><a class="postlink" href="http://www26.brinkster.com/matrix07/Test2.asp">http://www26.brinkster.com/matrix07/Test2.asp</a><!-- m --><br />
<br />
See the yellow border, that's a table. Can I have it where it's independent of the table beside it because it's screwing up my alignment of my td's in the other table. See where I have Site showcase, there's too much space between the end of that section and the Submit Your Site section. How can I fix that??? This table thing is driving me insane!!! Appreciate the help!!!<br />
Thanks!!!<!--content-->Okay, it looks like that yellow table on the right has been created inside a cell which is on the same row as the main text on the left, so when the yellow table stretches, so does the left hand side, pushing the 'submit your site' down.<br />
<br />
I think the best thing you could do is to create an outer table of 1 row and 2 columns like this:<br />
________________________________________<br />
| | |<br />
| | |<br />
| | |<br />
| | |<br />
| | |<br />
|__________________|____________________|<br />
<br />
In the left hand cell, create another table in which to put all the content on the left of the page. In the right hand cell create a table in which to put all the content on the right of your page. That way, the two sides should act independently of each other.<br />
<br />
I hope that helps!
<!--content-->hi goldilocks, how would I do that??? I been trying to do that, but I can't get it to work. Thanks.<!--content-->Hi, will this work??? I didn't put any content yet, but will this solve my problem??? Problem right now is table 1 spans the width of the outter table, and then table 2 is all the way to the right. Sorry I can't show you...hope you understand. Here's my code. Thanks again. <br /><br />
<br />
<body bgcolor="#000000" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" rightmargin="0"> <br />
<table width="777" border="0" cellpadding="0" cellspacing="0" align="left" bgcolor="#00426B"> <br />
<tr> <br />
<td><img src=http://www.htmlforums.com/archive/index.php/"logo.jpg"></td> <br />
</tr> <br />
<tr> <br />
<td height="30"></td> <br />
</tr> <br />
<br />
<tr> <br />
<td> <br />
<table name="tblcontent" width="100%"> <br />
<tr> <br />
<td>table 1</td> <br />
</tr> <br />
<br />
</table> <br />
</td> <br />
<br />
<td> <br />
<table name="tblShoutbox" width="100%"> <br />
<tr> <br />
<td>table 2</td> <br />
</tr> <br />
</table> <br />
</td> <br />
</tr> <br />
</table> <br />
</body> <br />
</html><!--content-->I think your problem is that you've got the two top rows with only one cell in them and then the bottom row with two cells (columns).<br />
<br />
In the top two you need to put <tr colspan="2"> to tell it that the row needs to span across two columns, otherwise the browser gets confused when it tries to display the table.<br />
<br />
Let me know if you have any more problems and I'll try to help you some more!
<!--content-->Hey Goldilocks,<br /><br />
<br />
Thanks for your reply, will work on it today and see what happens, thanks again.<!--content-->