Friends and Comments Scrollbox Options

[bkgrfx]

I'm trying to position my friends and comments in a scroll box in the area I have assigned for it on the background, but I'm not sure how to do it. Can Anyone help?

CODE

<style> .contactTable {display: none;} </style> <style> .profileInfo{display:none;} </style> <style> .latestBlogEntry {display:none;} </style> <style> .interestsAndDetails{display:none;} </style> <style> .userProfileDetail{display:none;} </style> <style> .orangetext15{display: none;} </style> <style> .userProfileURL { display:none; } </style>
<style> body { background-color: 000000; background-image:; background-position: bottom right; background-repeat: no-repeat; background-attachment: fixed; scrollbar-arrow-color:2e0e0e; scrollbar-track-color: 000000; scrollbar-shadow-color: 000000; scrollbar-face-color:2e0e0e; scrollbar-highlight-color:000000; scrollbar-darkshadow-color:000000; scrollbar-3dlight-color:000000;} table, tr, td {background-color: transparent; border: 0px; padding:2;} table table {border: 0px;} table table table table{border: 0px;} {The actual modules} table table table {border: 1px solid; border-color: 000000; background-color: 000000; } {sets the default style for the body, table data, list data, divisions and text areas} body,table, td, li, p, div, textarea {font:normal 9px arial; color:FFFFFF; font-weight:none; border:0px; text-transform: none; line-height:12px;} {class for the basic font for the page} .text {font:normal 9px arial; color:FFFFFF; font-weight:none; border:0px; text-transform: none; line-height:12px;} {style for the number of comments you have. The actual ..} .redtext{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase; } {style for the number of friends you have.} .redbtext{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase; } {”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style} .orangetext15{font-family: arial; color: FFFFFF; font-weight: bold; font-size: 20px; letter-spacing: -2px;} {”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style} .lightbluetext8{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase; } {”Contacting”, “Interests”, “Details”, and “Schools” title styling} .whitetext12{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} {”In your extended network” style} .blacktext12{font-family: arial; color: FFFFFF; font-weight: bold; font-size: 20px; letter-spacing: -2px; } {Stylizing of your name above your picture } .nametext{font-family: arial; color: FFFFFF; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;} {date stamp on comments} .blacktext10{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} {This is how all anchor points will be displayed; anchor points appear before all links.} a{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase; } a:link{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a:active{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a:visited{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a:hover{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} {”View all friends” and “invite more” link style} a.redlink{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:link{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:active{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:visited{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase; } a.redlink:hover{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} {2 links in very top on the left, and the 13 links above your picture with make the navigation bar} a.navbar{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:link{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:active{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:visited{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:hover{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} {Default Links} a:link, a.man{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;} a:active{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a:visited{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a:hover{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} {bolded words} .standard b, p b, B, strong { font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase; } </style> <div class="bg" style="position: absolute; left:50px; top:230px; width:900; height:1885px; overflow: hidden;"> <img src="http://img688.imageshack.us/img688/9141/filmlayout.png" /> </div> <div> .friendsandcomments { position:absolute; top:2625px; left: 50%; margin-left:-355px; filter:chroma(color=blue); scrollbar-arrow-color: f1f1f1; scrollbar-base-color: blue; scrollbar-dark-shadow-color: blue; scrollbar-track-color: blue; scrollbar-face-color: blue; scrollbar-shadow-color: blue; scrollbar-highlight-color: blue; scrollbar-3dlight-color: 840000; }

<div class="VIDEOS" style="position: absolute; left:105px; top:1319px; width:350px; height:250px; overflow: auto;"><center>

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="249" width="330">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/reQ2IBlZSx0&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/reQ2IBlZSx0&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" height="249" width="330" wmode="transparent" />
</object><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="249" width="330">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/zmXRJFdau-U&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/zmXRJFdau-U&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" height="249" width="330" wmode="transparent" />
</object><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="249" width="330">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/DigbqMohU3A&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/DigbqMohU3A&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" height="249" width="330" wmode="transparent" />
</object><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="249" width="330">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/h4GRAV2Y3tg&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/h4GRAV2Y3tg&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" height="249" width="330" wmode="transparent" />
</object><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="249" width="330">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/rxDVWx8nvls&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/rxDVWx8nvls&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" height="249" width="330" wmode="transparent" />
</object><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="249" width="330">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/wneW7JJH73o&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/wneW7JJH73o&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" height="249" width="330" wmode="transparent" />
</object>
</div>

<div class="BIOGRAPHY" style="position: absolute; left:590px; top:1312px; width:249px; height:273px; overflow: auto;"><center>

PUT BIO HERE. PLEASE PUT BIO HERE. THIS IS WHERE THE BIO GOES. BIO IS SHORT FOR BIOGRAPHY.PLEASE PUT BIO HERE. PUT BIO HERE PLEASE PLEASE AND THANK YOU PLEASE PUT YOUR BIO HERE NOW.

</div>

Reason for edit: Please use [codebox] tags instead of [code] tags when posting longer codes. - Mike