This does NOT work on the standard page.
The below code block creates a div, above the comments and below the friendspace. I used a size of 700px wide, and 300px in height, and then shifted the div toward the center. You can change these values. The friendSpace stays to the right.
<span class="off">!-Start Block to create Custom Div Under Friends and Above Comments-!</span>
</td></tr></table>
</td></tr></table>
<div class="myD1" style="position:relative; top:0px; width:450px;">
<span class="off">! Custom Content: You can use a Table or a Div here. ! </span>
<div class="myD1" style="position:absolute; bottom:0px; right:50px;
width:700px; height:300px; border:3px green dashed;">
<span class="off">!START YOUR CUSTOM CONTENT HERE.
If right column length increases, this will automatically move down.
If left column length increases this will NOT move down.
If left column intersects this space, you can add a top margin to fix the problem!</span>
CUSTOM CONTENT HERE
<span class="off">!END CUSTOM CONTENT!</span>
</div>
<table class="off"><tr><td>
<table><tr><td>
<style>
{!- set below px value to the same value as the height of your custom div-!}
table.friendSpace {margin-bottom:300px;}
</style>
<span class="off">!-END Block to create Custom Div Under Friends and Above Comments-!</span>
You can replace the custom div (myD1) with a table if you want. Give it the same style clause I used for the div.
