Help: friends & comments on DIV, I need major help with adding friends and comments on a DIV layout for Options

[bkgrfx]

Okay so I'm coding this layout for this guy and I'm finally done but he decides to change his mind and now he wants both his comments and friends showing, I have no idea what to do because I really don't want to have to code the whole layout over again, so can someone please help me.

Here's the link to the page
http://profile.myspace.com/index.cfm?fusea...endid=502730872


And here's the coding

CODE

<style>

body {
background-color: 000000;
background-image: ;
background-position: bottom right;
background-repeat: repeat;
background-attachment: scroll;
scrollbar-arrow-color:5c0003;
scrollbar-track-color:000000;
scrollbar-shadow-color:000000;
scrollbar-face-color:5c0003;
scrollbar-highlight-color:5c0003;
scrollbar-darkshadow-color:000000;
scrollbar-3dlight-color:5c0003;}

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:5c0003; font-weight:none;border:0px; text-transform: uppercase; }

</style>


































<div class="bg" style="position: absolute; left:50px; top:150px; width:901px; height:2413px; overflow: hidden;"><img src="http://www.upload3r.com/serve/071109/1257611447.png" />
</div>






<div class="music" style="position: absolute; left:518px; top:1725px; width:360px; height:260px; overflow: auto;"><center>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="250" width="350">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="all" />
<param name="movie" value="http://musicservices.myspace.com/Modules/MusicServices/Services/Embed.ashx/ptype=4,ap=1,plid=37271,artid=12569219,skinid=16,profid=43958664" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="all" src="http://musicservices.myspace.com/Modules/MusicServices/Services/Embed.ashx/ptype=4,ap=1,plid=37271,artid=12569219,skinid=16,profid=43958664" height="250" width="350" wmode="transparent" />
</object>
</div>


<div class="mixtapes" style="position: absolute; left:541px; top:2265px; width:303px; height:207px; overflow: auto;"><center>


<table border="1">
<tr>
<td><img src="http://i226.photobucket.com/albums/dd92/wazzle786/yogy/theshow.jpg" /></td>
<td><strong>Yogy</strong><br />The Show Volume 1<br /><strong><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmRhdHBpZmYuY29tL0hvc3RlZF9CeV9MU2V2ZW5Jc21FbnRlcnRhaW5tZW50X1lv
3lfVGhlX1Nob3dfVi5tMjUxMzQuaHRtbA==" target="_blank">Download Now</a></strong></td>




<tr>
<td><img src="http://i226.photobucket.com/albums/dd92/wazzle786/yogy/show2.jpg" /></td>
<td><strong>Yogy</strong><br />
The Show Volume 2<br /><strong><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmRhdHBpZmYuY29tL1lvZ3lfVGhlX1Nob3dfTWl4dGFwZV9Wb2x1bWVfSWkubTQy
TA5Lmh0bWw=" target=" target=">Download Now</a></strong></td>

<tr>
<td><img src="
http://i226.photobucket.com/albums/dd92/wa...xtape.jpg" /></td>
<td><strong>Yogy</strong><br />
The Show Volume 3<br /><strong><a href="">Download Now</a></strong></td>

</table>
</div>





<div class="bio" style="position: absolute; left:555px; top:2020px; width:290px; height:199px; overflow: auto;"><center>
At the young age of 21, Yogy aka Y.O Marciano started his career writing, recording, executive producing and engineering his own music for the past 2 years. He dropped a mixtape early november titled "The Show Mixtape Volume 1" that has the streets ringing with witty wordplay and punchlines like no other. He distributed over 5,500 plus copies throughout California, Arizona, Texas, ATL, Florida and NY and has thousands of downloads of the mixtape WORLDWIDE. Following that mixtape, Yogy dropped "The Show Volume II" which has over thousands of internet downloads worldwide. "The Show Volume III" which is the last mixtape of the series which is up for download. Yogy has gotten a street buzz in the Bay Area along in the Los Angeles area and various other cities in California. He has a huge internet following worldwide on myspace accumalating over 17,000+ REAL myspace friends clocking over 500-1000 plus plays a day. He was voted top 24 myspace artist of the month of August by fans in 2008. Yogy has his own publishing under ASCAP, Own Entertainment License to sale projects (Paypa Route Entertainment), has a Solid demo, performance Resume, a top 40 sounding single, and a song for NBA Inside 2010 as a marketing ploy, promotion team, great look and an UNBELIEVABLE work ethic. Hailing out of Oakland California where musicians are known for there formally known "Hyphy Movement" bringing a different light to the bays market. Growing up in tough streets between Oakland and San Francisco, from being homeless, to witnessing friends murders Yogy has really devoted time to making good music and perfecting his craft to get out of the common hood struggles of urban communties.
</div>

<div class="videos" style="position: absolute; left:85px; top:2120px; width:420px; height:360px; overflow: auto;"><center>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="344" width="400">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/MKj5BaatYhg&color1=0xb1b1b1&color2=0xcfcfcf&hl=en&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/MKj5BaatYhg&color1=0xb1b1b1&color2=0xcfcfcf&hl=en&feature=player_embedded&fs=1" height="344" width="400" wmode="transparent" />
</object><br /><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="344" width="400">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/oP3OkoCUEKc&color1=0xb1b1b1&color2=0xcfcfcf&hl=en&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/oP3OkoCUEKc&color1=0xb1b1b1&color2=0xcfcfcf&hl=en&feature=player_embedded&fs=1" height="344" width="400" wmode="transparent" />
</object><br /><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="344" width="400">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/n5iNaLqEtVs&color1=0xb1b1b1&color2=0xcfcfcf&hl=en&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/n5iNaLqEtVs&color1=0xb1b1b1&color2=0xcfcfcf&hl=en&feature=player_embedded&fs=1" height="344" width="400" wmode="transparent" />
</object>
</div>


<div class="links" style="position: absolute; left:50px; top:1360px; width:911px; height:66px; overflow: auto;"><center>

<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD00Mzk1ODY2NCZNeVRva2Vu
TM4MGM4NjliLTU1OGMtNDAwZC1hZGY3LTc3NDNiZDZjZWNmNg=="><img src="http://www.atings.com/uploads/1257656545.png" /><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD00Mzk1ODY2NA=="><img src="http://www.atings.com/uploads/1257619328.png" /><a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTQzOTU4NjY0"><img src="http://www.atings.com/uploads/1257633069.png" /><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=43958664"><img src="http://www.atings.com/uploads/1257646879.png" />
</div>

<div class="WEB-links" style="position: absolute; left:50px; top:1460px; width:911px; height:152px; overflow: auto;"><center>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9Zb2d5bXVzaWM="><img src="http://www.atings.com/uploads/1257641386.png" /><a href="http://www.msplinks.com/MDFodHRwOi8veW9neW11c2ljLmNvbS8="><img src="http://www.atings.com/uploads/1257613409.png" /><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL3lvZ3ltdXNpYw=="><img src="http://www.atings.com/uploads/1257672732.png" />
</div>



<div class="donotremove" style="position: absolute; left:50px; top:1590px; width:911px; height:102px; overflow: auto;"><center>
<a href="http://www.myspace.com/143088323"><img src="http://www.atings.com/uploads/1257662485.png" />
</div>

[Mickey]

It's showing. It's just being hidden below your layout. Try using these codes to make those sections visible and to position them around:

CODE

<style>
.friendSpace {position:absolute; top:#px; left:#px; z-index:9;}
.friendsComments {position:absolute; top:#px; left:#px; z-index:9;}
</style>

Replace the pound symbols with appropriate values. The top attributes will probably require high values because your layout is so long.