mySpace Scroll Comments FriendsComments Box

Put Friends and Comments in Scroll Box

Friends And Comments in Scroll Box Bottom Center
The below code works for either the Band/Artist page OR the standard page.
It does move the whole block (friends and comments) bottom center.
You can re-position them using absolute or relative placement.

<i class=i>
<a href="http://xiii.us/ms/center-friends-and-comments"</a>scroll center friends and comments</a></i>
</td></tr></table>
</td></tr></table>
</td></tr></table>
<div class="myDClassFC">
<table><tr><td>
<table class="off"><tr><td>
<table><tr><td>

<style>
.i {display:none;}
div.myDClassFC {height:400px; overflow:scroll; overflow-x:hidden}
</style>

<i class="i">!-END Block to put Friends and Comments in a Scroll Box-! </i>

If you want scrolling in both directions change hidden to scroll.
Hidden does not work in some browsers.
overflow:none does not work in Safari and some versions of Mozilla.
So I avoid it.

The coding I use above is to achieve the closest to ideal I can in the most common browsers, while still having reasonable appearance in other browsers.

Keep Friends and Comments to the Right, and Put them in a Scroll box

This codes does NOT work on the Band Page. This does work on the Standard Page.
Place this code at the end of the meet section.

<i class="off">!-START Block to put Friends and Comments in a Scroll Box-! 
</i>
</td></tr></table>
</td></tr></table>
<div class="myDClassFC">
<table class="off"><tr><td>
<table><tr><td>

<style>
div.myDClassFC {height:400px; overflow:scroll; overflow-x:hidden}
</style>

<i class="off">!-END Block to put Friends and Comments in a Scroll Box-! </i>

If you only want your comments in the scroll box, you must remove your friendSpace.
Add this code block.

<style>
table.friendSpace {display:none;}
div.myDClassFC br {display:none;}
table.friendsComments br {display:block;}
</style>

Put Only Friends in Scroll Box (Band Page Only) Friends Stay Right

<i class=i>
<a href="http://xiii.us/ms/center-friends-and-comments"</a>friends only in scroll</a></i><i class="off">! Put Friends In Scroll, Band Page -!</i>
</td></tr></table>
</td></tr></table>
<div class="myDivF" >
<table class="off"><tr><td>
<table><tr><td>

<style>
.i {display:none;}
div.myDivF {width:440px; height:200px; overflow:scroll; overflow-x:hidden;}
{!-make friendSpace about 25px less wide than div to accomodate scroll bar-!}
table.friendSpace, table.friendSpace td, table.friendSpace table {width:415px !important}
table.friendSpace table table td, table.friendSpace table table table {width:auto !important}

{!-clean up positioning-!}
div.myDivF {position:relative; top:0px; left:0px;}
table.friendSpace {position:absolute; top:0px; left:0px;}
</style>

You can change positioning from relative to absolute.
Put Only Friends in Scroll Box (Band Page Only) Friends Moved to Bottom Center

<a class="i" href="http://xiii.us/ms/center-friends-and-comments"</a>myspace band page center and scroll friends. code by Eileen</a></i>
</td></tr></table>
</td></tr></table>
</td></tr></table>
<div class="myDivFC">
<table><tr><td>
<div class="myDivFriendsOnly">
<table><tr><td>
<table><tr><td>

<style>
.i {display:none;}
br {line-height:13px;}
table.friendSpace {margin-top:-26px;}
div.myDivFriendsOnly {height:200px; overflow:scroll}
</style>

If you want to add additional styling, to control the size of images and objects in the comment space go here:
Setting and Controlling size of Friends Comments

Full Solution with Styling to Put Comments in Scroll Box
NOTE: This HIDES the friend space, and assumes NO Calendar displayed on page and NO video below the meet area.
IF you have other code in your profile, which alters the table structure, and does not balance open and close tags, then this code has a high probability of not working for you. Balance matters.

Due to the new myspace classes, is no longer necessary to hide (or stack) the default comment space header. However, I still think it looks much better if I use a custom header, and hide the default.
This way I can have the comments scroll, and leave the header in a fixed position.

Place this code at the end of your Meet Section:

<span class="off">!-Start Custom Code To Center and Classify Friend and Comment area--!</span>

<style>
{!-Size outer Comment Div;  This is not the scroll piece, this contains the header and the inner div-!}
.myDclassCH {color:darkred; font-size:16px; width:800px; background-color:lightgrey; border:2px darkred solid;}

{!-Size Inner Comment Div; This is the Scroll Div -!}
.myDclassFC {width:100%; height:600px; overflow:scroll; background-color:E2E2E2; border-top:2px darkred solid;}

{!- Position Div; You may change relative to Absolute.  Do NOT remove the word position.  You may change relative to absolute.  -!}
.myDclassFC {position:relative; top:0px; right:0px; left:0px;}

{!- eliminate the default header -}
.friendsComments table, .friendsComments td {background-color:transparent; border:none;}
.friendsComments .orangetext15 {display:none; }

{!^END BLOCK TO eliminate Default Header ^!}

{!-style comment content cells -!}
.friendsComments table table td {border:1px silver solid !important; padding:2px; }

{!-Hide Friend Space, you can remove this line, but you can NOT move the friendSpace out of the scroll box.  Hide it, or have it in the scroll box.-!}
.friendSpace {display:none;}

{!-Eliminate space caused by Carriage Returns between tables-!}
.myDclassFC br {display:none;}
{!-restore Carriage Return -!}
.myDclassFC table.friendsComments table table br {display:inline; line-height:10px;}

{!-set Widths for Comment Space-!}
.myDclassFC table.friendsComments {width:100% !important; }
.myDclassFC table.friendsComments table {width:100% !important; }
.myDclassFC table.friendsComments table table td {width:0px !important;}

</style>

<span class="off">!--Close all but one layer of Tables.  --!</span>
</td></tr></table>
</td></tr></table>
</td></tr></table>
<span class="off">!!Start Opening same number of tables we closed.!!</span>
<table class="myTclassFC"><tr><td class="text">
<span class="off">!-Create Div to use for scroll box-!</span>
<div class="myDclassCH">
<center>My Friend's Comments</center>
<div class="myDclassFC">
<span class="off">!!Finish Opening same number of tables we closed.!!</span>
<table style="display:none;"><tr><td>
<table><tr><td>
<span class="off">!^^END CUSTOM BLOCK for Bottom Centered Scroll Comment Area ^^!</span>

IF you want to control the size of images, in your comment space, see this article:
Controling size of images in comment space