tables troubles....

[Paris]

im trying to get the content to stay at the top but ever since i added 3-4 more navigations the content stays way down and i can't figure out how to fix it and make it come back at the top where it belongs. Just look at http://charmed-designs.co.nr and you'll see what i mean(ofcoarse you'll have to scroll down to see the content boxs im talking about.)

Since i can't post all of my source code cause its more than 2000 characters ill just post some that i think might be the most important here.

Here is the content area and content box code:

Code Select Expand


</td>
</tr>
</table></td>



<td background="images/ethereal_symphonia_12.gif" width="100% height="100%">
</td>
<td colspan="4">
<table id="Table_03" width="536" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/content.gif" width="536" height="100%">



<!----------------------------------------------------CONTENT STARTS HERE------------------------------------>


<table id="Table_01" width="463" height="322" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="0" background="images/content/content_box_01.jpg" width="463">
</td>
</tr>
<tr>
<td rowspan="6">
<table id="Table_07" width="2" height="318" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/content/content_box_02.jpg" width="2">
</td>
</tr>
</table></td>
<td>
<table id="Table_06" width="458" height="15" border="0" cellpadding="0" cellspacing="0">
<tr>
<!--------------------------------------------HEADER STARTS HERE------------------------------------------->
<td background="images/content/head.jpg" width="458" height="15">
<p class="h1">
CONTENT
</font>
</td>
<!--------------------------------------------HEADER ENDS HERE--------------------------------------------->
</tr>
</table></td>
<td rowspan="6">
<table id="Table_08" width="3" height="318" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/content/content_box_04.jpg" width="3">
</td>
</tr>
</table></td>
</tr>
<tr>
<td>
<table id="Table_05" width="458" height="15" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/content/head2.jpg" width="458" height="15">
</td>
</tr>
</table></td>
</tr>
<tr>
<td>
<table id="Table_04" width="458" height="254" border="0" cellpadding="0" cellspacing="0">
<tr>
<!---------------------------------------Content Area---------------------------------------------------->
<td background="images/content/content.jpg" width="458" height="100%">
<p><div style="float:left;padding:3px;margin:0px"><img src="avi.jpg"/></div>
Orci laoreet ut donec nec, ac eu pellentesque, rutrum velit. Vehicula eros, interdum ligula non arcu tempor congue, nibh non cum consectetuer tristique
sagittis auctor, ipsum ipsum volutpat. Commodo id diam felis lectus maecenas, ante consequat condimentum. Ipsum phasellus magnis ut in fermentum libero,
eget ante vel gravida, donec molestie non sed adipiscing. A sit curabitur litora tincidunt sapien, neque dui vel nascetur facilisi eleifend sed, conubia
cras eros fringilla suscipit non, nisl non ac molestie porta habitasse. Non neque pede et in, ipsum cursus iaculis sociis aliquam, tortor interdum eu porta
a est, rutrum a ante nulla, vestibulum sed sagittis. Ligula aliquam vitae ante quam lectus sollicitudin, integer id tristique nunc aliquam, in suscipit,
suspendisse justo etiam ligula in habitant, risus pretium. Non ipsum at, lacinia mauris at tincidunt integer magnis enim, lectus wisi ultricies mauris
dapibus.
</p>
</td>
<!---------------------------------------End Content Area------------------------------------------------>
</tr>
</table></td>
</tr>
<tr>
<td>
<table id="Table_03" width="458" height="17" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/content/foot2.jpg" width"458" height="19">
</td>
</tr>
</table></td>
</tr>
<tr>
<td>
<table id="Table_02" width="458" height="14" border="0" cellpadding="0" cellspacing="0">
<tr>
<!---------------------------------------------Footer------------------------------------------------->
<td background="images/content/cfoot.jpg" width="458" height="14" valign="top">
<p align="right">-- -- -- Posted by <i>Paris</i> Comments</p>
</td>
<!---------------------------------------------End Footer--------------------------------------------->
</tr>
</table></td>
</tr>
<tr>
<td background="images/content/content_box_09.jpg width="458">
</td>
</tr>
</table>
<br>
<br>
<!----------------------------------------------------CONTENT AREA 2----------------------------------------->

<table id="Table_01" width="463" height="322" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" background="images/content/content_box_01.jpg" width="463">
</td>
</tr>
<tr>
<td rowspan="6">
<table id="Table_07" width="2" height="318" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/content/content_box_02.jpg" width="2">
</td>
</tr>
</table></td>
<td>
<table id="Table_06" width="458" height="15" border="0" cellpadding="0" cellspacing="0">
<tr>
<!--------------------------------------------HEADER STARTS HERE------------------------------------------->
<td background="images/content/head.jpg" width="458" height="15">
<font color="#01a8f9">
HEADER
</font>
</td>
<!--------------------------------------------HEADER ENDS HERE--------------------------------------------->
</tr>
</table></td>
<td rowspan="6">
<table id="Table_08" width="3" height="318" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/content/content_box_04.jpg" width="3">
</td>
</tr>
</table></td>
</tr>
<tr>
<td>
<table id="Table_05" width="458" height="15" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/content/head2.jpg" width="458" height="15">
</td>
</tr>
</table></td>
</tr>
<tr>
<td>
<table id="Table_04" width="458" height="254" border="0" cellpadding="0" cellspacing="0">
<tr>
<!---------------------------------------Content Area---------------------------------------------------->
<td background="images/content/content.jpg" width="458" height="100%">
<p><div style="float:left;padding:3px;margin:0px"><img src="avi.jpg"/></div>
Orci laoreet ut donec nec, ac eu pellentesque, rutrum velit. Vehicula eros, interdum ligula non arcu tempor congue, nibh non cum consectetuer tristique
sagittis auctor, ipsum ipsum volutpat. Commodo id diam felis lectus maecenas, ante consequat condimentum. Ipsum phasellus magnis ut in fermentum libero,
eget ante vel gravida, donec molestie non sed adipiscing. A sit curabitur litora tincidunt sapien, neque dui vel nascetur facilisi eleifend sed, conubia
cras eros fringilla suscipit non, nisl non ac molestie porta habitasse. Non neque pede et in, ipsum cursus iaculis sociis aliquam, tortor interdum eu porta
a est, rutrum a ante nulla, vestibulum sed sagittis. Ligula aliquam vitae ante quam lectus sollicitudin, integer id tristique nunc aliquam, in suscipit,
suspendisse justo etiam ligula in habitant, risus pretium. Non ipsum at, lacinia mauris at tincidunt integer magnis enim, lectus wisi ultricies mauris
dapibus.
</p>
</td>
<!---------------------------------------End Content Area------------------------------------------------>
</tr>
</table></td>
</tr>
<tr>
<td>
<table id="Table_03" width="458" height="17" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/content/foot2.jpg" width"458" height="17">
</td>
</tr>
</table></td>
</tr>
<tr>
<td>
<table id="Table_02" width="458" height="14" border="0" cellpadding="0" cellspacing="0">
<tr>
<!---------------------------------------------Footer------------------------------------------------->
<td background="images/content/cfoot.jpg" width="458" height="14" valign="top">
<p align="right">-- -- -- Posted by <i>Paris</i> Comments</p>
</td>
<!---------------------------------------------End Footer--------------------------------------------->
</tr>
</table></td>
</tr>
<tr>
<td background="images/content/content_box_09.jpg width="458">
</td>
</tr>
</table>

<!--------------------------------------------END CONTENT AREA 2---------------------------------->

<!----------------------------------------------------CONTENT ENDS HERE-------------------------------------->
</td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="7">
<table id="Table_02" width="785" height="31" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/footer.gif" width="785" height="27" alt=""></td>
</tr>
<tr>
<td>
<img src="images/ethereal_symphonia_15.gif" width="785" height="4" alt=""></td>
</tr>
</table></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="52" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="193" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="4" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="134" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="17" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="332" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="53" height="1" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</center>
</body>
</html>

Can someone please tell me what i did wrong and how to fix it, if you need more code to understand, then just ask and ill post.

[Ben]

Code Select Expand

<!---------------------------------------Content Area---------------------------------------------------->
<td background="images/content/content.jpg" width="458" height="100%">

to:

Code Select Expand

<!---------------------------------------Content Area---------------------------------------------------->
<td background="images/content/content.jpg" width="458" height="100%" valign="top">

What's added is "valign="top", setting it vertically at the top of the cell.

[Paris]

haha...how could i not have thought about that..... . LOL, thanks alot!! jeeze, i gotta be in less of a hurry to get things done. 

[Ben]

Sometimes the most obvious answer is the one that's overlooked. It happens all the time. 

Glad I could help

[Paris]

lol, that is so true.....still, i gotta be more carefull.