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

[Nickfury]

not sure how to debug your current situation, id suggest just using

CODE

<div id="container">
<div id="content">
text
</div>
</div>

<style type="text/css">
.container { attributes; }
.content { attributes; overflow:auto; }
</style>

[Nickfury]

CODE

<div class="container">
text
<div class="content">
text
</div>
</div>

<style>
.container {
position: absolute;
width:400;
height:450;
z-index:1;
left:305px;
top:200px;
background-color: FF0000;
border-color: 000000;
border-style: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
.content {
width:380;
height:350;
background-color: D6D6D6;
border-color: 000000;
border-style: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
overflow:auto;
margin: 10px;
}
</style>

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