Comments/Friends Options

[oranger0cks]

Okay, I know this is probably beating up a dead horse but I tried to use the search topic on here and it wouldn't work for me. I also read the recent topics that were resolved and they didn't help me either. So, I thought instead of pulling my hair out I would make a new post and ask for help. Please! T_T

The layout I'm working on is here: http://www.myspace.com/oranger0cks_test

I want the friends and comments to fit inside their own scroll boxes. But the problem seems to be getting them into the boxes. I tried overflow: auto and overflow: scroll and that didn't work. I used Views Under Construction's code because I couldn't figure it out myself. Hopefully, after posting here, I'll understand more how this works? ANYways. Here is my code:

CODE

<style>

body {
background-color:333333;
background-image: url(http://i561.photobucket.com/albums/ss59/ec_lecticlayouts/halo/HaloBGTiled.png);
background-position:0px 0px;
background-repeat: repeat-x;
background-attachment: scroll;
overflow-x:hidden
background-attachment:fixed;
scrollbar-arrow-color: 414041;
scrollbar-track-color: b1b1b1;
scrollbar-face-color: 6c6c6c;
scrollbar-highlight-color: 6c6c6c;
scrollbar-3dlight-color: 6c6c6c;
scrollbar-darkshadow-color: 6c6c6c;
scrollbar-shadow-color: 6c6c6c;
}

{text}
table, tr, td, li, p, div { color:ffffff; font-family:Candara,Arial; font-size:11px; font-weight: bold; }

a:active, a:visited, a:link{ color:c8fff8; font-family:Candara,Arial; font-size:11px; text-transform: uppercase; }

a:hover { color:ffffff; font-size:10px; font-weight:bold; }

b {color:ffffff; font-family:Candara; font-weight:bold; font-size:15px;}

i {color: ffffff; font-family: Candara; font-weight: italic;}


u{font-family:Arial;font-size:9px;color:000000;
font-weight:bold;
letter-spacing:0px;
text-transform:uppercase;
letter-spacing:0px;}

{divs}


{!-Size friendspace outer 2 tables !}
table.friendSpace table,
table.friendSpace td,
table.friendSpace {width:300px !important;}

{!-Size inner levels to exactly 1/4 of above!}
table.friendspace table table td,
table.friendSpace table table table,
table.friendSpace table table table td {width:75px !important; margin:0px; border:0px; padding:0px;}

{!- set so that img PLUS padding = 1/4 of full table width-!}
table.friendspace img {width:74px !important}

{!-names above friend pictures. I keep these small. FF has wrap issues-!}
table.friendspace table table td a {font-size:6; font-family:Arial Narrow}

{!-ditch picture border-!}
table.friendspace a img {border:0px !important;}

{!-deal with view friends div-!}
table.friendSpace table div {width:98% !important; font-size:8px !important}

{!-Gets rid of some excess space-!}
table.friendspace br {line-height:2px;}
table.friendSpace div {display:none;}

{!-ditch the orange behind the header, also effects another table-!}
table.friendspace table {background-color:transparent;}

{!-style header-!}
table.friendspace .orangetext15 {color:transparent; font-size:9px; font-family:Impact}

{!-the sub-header-!}
table.friendspace .btext {color:none; background-color:transparent}

{!-If I want the number styled different than the text-!}
table.friendspace span.redbtext {color:black; border:0px green solid; font-size:15; font-family:Impact; background-color:transparent}

{!-view all friend link-!}
{!-this moved into a div in Sep 2007-!}
table.friendspace table div {color:transparent !important; font-size:9px; font-family:Comic Sans MS; background-color:transparent}

{!-override display;block often used after hiding stuff for an overlay-!}
table.friendSpace table div * {display:inline !important}

{!-color of space-!}
table.friendspace {border:0px DarkTurquoise solid !important}
table.friendspace table td {background-color:transparent !important; border:0px yellow solid !important;}
table.friendspace table {background-color:transparent !important}
table.friendspace table table td {background-color:transparent !important; border:0px !important}

.friendspace {
visibility:visible;
width:199px;
height:180px;
position:absolute;
top:375px;
left:725px;
overflow: auto;
background-color:transparent;
border:black 0px solid;
z-index:2;}

.friendsComments {
visibility:visible;
width:275px;
height:150px;
position:absolute;
top:550px;
left:675px;
margin-left:57px;
overflow: auto;
background-color:transparent;
border:black 0px solid;
z-index:2;
}




table table,table table table table,table table{background-color:transparent;width:;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,
.redbtext,.redtext,.blacktext12,.blacktext10,
.lightbluetext8,strong,.nametext,div b font font,
div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
table td table tr td.text table {visibility:hidden;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
.redlink, .redlink friendlink, .redlink friendtext {color:ffffff; font-family:Candara,Arial; font-size:11px; text-transform: uppercase;}


</style>