div layout comment section help, div layout comment section help Options

[rcastro]

good day to all. i have a div layout with a commment box which is fully functional but i would like to add a visible scrolldown section of the posting when users submit their commment. any suggestions or html/css is welcome. it would be a great help.

tx!

this is what i have:


id like to meet section: abcdefg = my friend ID

CODE

<h1>Comment Box Below!</h1>
<center>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="abcdefg" type="hidden" /><textarea name="f_comments" class="comment" style="overflow:auto;">got comment?..leave it here</textarea>
<br /> <input value="submit" class="comment" type="submit" /></form><br /><br />

Reason for edit: Please use [code] tags when posting short bits of codes. - Mike

[rcastro]

no its not that actual comment box i want to scroll. the comment box size is good and is working fine and submitting. its the posting of the comment i would like to see as well on the overlay. for example on a generic profile you can read everyones posting. thats what i need, my fault i should have been more specific and clarified it.. my fault. but heres what i got.. ill give the whole html/css.

CODE

<p>


.userProfiledetail, .userProfileURL, .userProfileSchool,
.interestsAndDetails, .friendsComments,.extendedNetwork,
.latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable {
display:none;
}
a.text, table div font a, table div div {
visibility:hidden;
}
table tr td div font {
display: none;
}
body div table td form {
display:none!important;
}
table, td, tr {
background-color:transparent;
}

body div td div div select {
width:0px!important;
}
tr td div select {
display:none!important;position:relative!important; left:-6000px;
}


BODY{
background-color:000000;
background-image: url(none);
overflow-x: hidden;
margin: 0px;
scrollbar-FACE-color:000000;
scrollbar-BASE-color:000000;
scrollbar-TRACK-color:000000;
scrollbar-HIGHLIGHT-color:FFFFFF;
scrollbar-3DLIGHT-color:989898;
scrollbar-SHADOW-color:FFFFFF;
scrollbar-DARKSHADOW-color:989898;
scrollbar-ARROW-color:9DF3F3;
font-family: palatino linotype, palatino;
font-size: 8pt;
color: 626262;
line-height:12pt;
}


a:link, a:active, a:visited{
color: 989898;
text-decoration: none;
border-bottom-style: dotted;
border-bottom-color:A3F4F4;
border-bottom-width: 1px;
text-transform:none;
font-family: palatino linotype, palatino;
font-size: 8pt;
letter-spacing: 1px;
padding-right: 2px;
padding-left: 2px;
font-weight: normal;
}

a:hover{
cursor: default;
color: 989898;
text-decoration: none;
border-bottom-style: solid;
border-bottom-color:A3F4F4;
border-bottom-width: 2px;
text-transform:none;
font-family: palatino linotype, palatino;
font-size: 8pt;
letter-spacing: 1px;
padding-right: 2px;
padding-left: 2px;
font-weight: bold;
}


A.nav:link, A.nav:visited, A.nav:active
{ display: block;
width:auto;
height: 12pt;
line-height: 12pt;
padding-left: 4px;
padding-right: 4px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-family: times new roman, times;
letter-spacing: 2px;
font-size: 10px;
color: 828282;
margin: 0px;
background-color:transparent;
background-image:url(http://cbimg9.com/layouts/08/04/19/26974aa.jpg);
background-repeat:no-repeat;
background-position:center center;
border:none;
}

A.nav:hover {
cursor: move;
display: block;
width:auto;
height: 12pt;
line-height: 12pt;
padding-left: 4px;
padding-right: 4px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-family: times new roman, times;
letter-spacing: 2px;
font-size: 10px;
color: 000000;
margin: 0px;
background-color:transparent;
background-image:url(http://cbimg9.com/layouts/08/04/19/26974ab.jpg);
background-repeat:no-repeat;
background-position:center center;
border:none;
}



H1{
width: auto;
height: 25px;
background-color: FFFFFF;
background-image:url(http://cbimg9.com/layouts/08/04/19/26974ac.jpg);
background-position:bottom right;
background-repeat:no-repeat;
font-size: 16px;
color:426E6F;
font-weight: bold;
font-variant: small-caps;
letter-spacing: 2px;
font-family: Palatino Linotype, Palatino;
text-align: right;
padding-left:5px;
padding-right:5px;
margin-top:0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 10px;
border:none;
}
h1:FIRST-LETTER {
font-size: 18px;
color:000000;
font-weight: bold;
font-variant: small-caps;
letter-spacing: 1px;
font-family: Palatino Linotype, Palatino;
}


H2{
width: auto;
height: 22px;
background-color: FFFFFF;
background-image:url(http://cbimg9.com/layouts/08/04/19/26974ad.jpg);
background-position:bottom right;
background-repeat:no-repeat;
font-size: 13px;
color:426E6F;
font-weight: bold;
font-variant: small-caps;
letter-spacing: 2px;
font-family: Palatino Linotype, Palatino;
text-align: left;
padding-left:5px;
padding-right:5px;
margin-top: 25px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 3px;
border:none;
}
h2:FIRST-LETTER {
font-size: 15px;
color:000000;
font-weight: bold;
font-variant: small-caps;
letter-spacing: 2px;
font-family: Palatino Linotype, Palatino;
}



div.rightcontent P{
text-align: justify;
padding: 4px;
font-family: palatino linotype, palatino;
font-size: 8pt;
color: 626262;
line-height:12pt;
margin-top:2px;
margin-bottom:20px;}

div.leftcontent P{
text-align: justify;
padding: 4px;
font-family: palatino linotype, palatino;
font-size: 8pt;
color: 626262;
line-height:12pt;
margin-top:0px;
margin-bottom:0px;}


b, strong {
color: 000000;
font-weight: bold;
font-family: times;
letter-spacing:0px;
font-size: 8pt;
text-decoration: none;
text-transform: uppercase;
}

i, em {
color: 9DF3F3;
letter-spacing: 1px;
font-family: verdana;
font-size: 8pt;
text-transform:none;
font-style:italic;
font-weight: normal;
}

u {
color: 6E9898;
text-decoration: none;
letter-spacing: 2px;
font-size: 8pt;
font-family: Palatino Linotype, Palatino;
text-transform: none;
font-variant: small-caps;
font-style: normal;
padding-bottom: 0px;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:989898;
height: 6pt;
}

s,strike {
color: B7B7B7;
text-decoration: line-through;
letter-spacing: 1px;
font-weight:bold;
font-size: 8pt;
font-family: verdana;
text-transform: none;
}


textarea.comment {
width:158px;
height:82px;
padding: 4px;
color:000000;
background-color:828282;
background-image:url(http://cbimg9.com/layouts/08/04/19/26974ae.jpg);
border:none;
font-family: verdana;
font-size: 10px;
line-height:10px;
text-align:left;
}


input.comment {
background-color: FFFFFF;
color:828282;
border:none;
font-family: times new roman, times;
font-size: 12px;
text-align: center;
text-transform:uppercase;
}

hr {
border-color:A3F4F4;
border-width: 1px;
border-style: dotted;
height: 1px;
}

div.light{
top: 50px;
left: 50%;
width:750px;
height:2400px;
margin:0px;
margin-left:-374px;
overflow-x:hidden;
display:block;
z-index:1;
position: absolute;
background-image:url(http://cbimg9.com/layouts/08/04/19/26974af.jpg);
background-color:transparent;
background-repeat:repeat-y;
background-position:top center;
}


div.liberated{
top: 0px;
width:750px;
height:auto;
margin:0px;
padding: 0px;
visibility: visible;
overflow-x:hidden;
display:block;
z-index:1;
position: relative;
background-image:none;
background-color:transparent;
}


div.leftcontent{
top: 596px;
left: 80px;
width:180px;
height:auto;
padding: 0px;
visibility: visible;
overflow-x:hidden;
z-index:1;
position: absolute;
background-image:none;
background-color: none;
text-align:justify;
font-family: palatino linotype, palatino;
font-size: 8pt;
color: 626262;
line-height:12pt;
}

div.rightcontent{
top: 401px;
left: 270px;
width:400px;
height:auto;
padding: 0px;
visibility: visible;
overflow-x:hidden;
z-index:1;
position: absolute;
background-image:none;
background-color: FFFFFF;
text-align:justify;
font-family: palatino linotype, palatino;
font-size: 8pt;
color: 626262;
line-height:12pt;
}



</style>

then this is my comment box under my right content which id like to add visible postings possibly under the comment box.. thats where i get lost.

CODE

<h1>Comment Box Below!</h1>
<center>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="@@@@$$@@#@!@" type="hidden" /><textarea name="f_comments" class="comment" style="overflow:auto;">got comment?..leave it here</textarea>
<br /> <input value="submit" class="comment" type="submit" /></form><br /><br />