Div help, how to put a scroll box in div Options

[yuffiehx]

okay i want a div in a div you see...

CODE

<div class="YOUR DIV CLASS">
TEXT TEXT TEXT
<div style="width:###px; height:###px; overflow:auto;">
TEXT WITH A SCROLLBAR HERE
</div>
TEXT TEXT TEXT
</div>

something like that but the dive code i use for the main square code is like this

CODE

<div class="content" style="position: absolute; width:400; height:450; z-index:1; left:405; top:50; backgroundcolor: D6D6D6; overflow: auto; border-color: 000000; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;">

so everytime i try to put a div or scroll box thing it just makes nothing except space of how much
the square should look like...

can anyone help me please?

this is the code i use to hide my layout...


i'm sorry for the trouble :d

[Mickey]

Replace your Who I'd Like To Meet codes with this:

CODE

<style>
.{text and links properties}
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited {color:black; color:000 !important; font-size:7pt; font-weight:normal; font-family:century gothic; }

a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.redlink, a.redlink:visited{ color:94b8cb; font-size:7pt; font-weight:normal; font-family:century gothic; }

a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{ color:ffc9c9; font-size:7pt; font-weight:normal; font-family:century gothic; letter-spacing:0px; text-decoration:none !important;}

.{textarea properties}
textarea{ color:black; font-size:5pt; font-weight:normal; font-family:tahoma; text-transform:uppercase; width:430px; height:50px; letter-spacing:5px;}

.{image properties}
img {border:0px;}
a:img {border:none;}
a.img:hover{border:none;}

.orangetext15, .whitetext12, .btext, .redtext, .redbtext, .nametext{visibility:hidden;}

b{ color:e7abab; font-size:7pt; font-weight:bold; font-family:tahoma;}

i{ color:abcee7; font-size:7pt; font-weight:normal; font-family:tahoma; }

u{ color:000; font-size:7pt; font-weight:normal; font-family:tahoma; border-bottom:1px dashed; border-bottom-color:ffd9d9;}

small{color:000; font-size:8px; font-weight:normal; font-family:small fonts; text-decoration:none;}

big{font-family:Segoe Ui; font-size:18px; line-height:23px; color:ffc3c3; font-weight:normal; }

a.linkk{font-family:arial; font-size:18px; line-height:23px; color:C3C3C3; font-weight:normal; letter-spacing:-2px; }

a.linkk:hover{font-family:arial; font-size:18px; line-height:23px; color:000000; font-weight:normal; letter-spacing:-2; }



</style>


<style>
body{
background-color:ffff;
background-image:url(http://i27.tinypic.com/24v5mkj.png);
background-position:top left;
background-repeat:repeat;
background-attachment:scroll;
overflow:hidden;}
</style>

<style>
.n{ HIDE STUFF }
.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;}
.blurbs div div {visibility:visible!important;}
table tr td div font {display: none;}
body div table td form {display:none!important;}
table, td, tr{ background-color:transparent;}
object, embed{ width:0px; height:0px;}
body div td div div select {width:0px !important;}
</style>

That should make your second DIV scrollbox appear.