I think (don't take my word on it)
you can create 3 divs, 1 to contain the other 2
so like in the html it wold be:
Code:
.scroll_column {
background:none;
width:200px;
height:500px;
overflow:auto;
}
#column1 {
background:#FFFFFF;
width:95px;
/*leave height out*/
float:left;
}
#column2 {
background:#FFFFFF;
width:95px;
/*leave height out*/
float:right;
}
obviously you put your own code in, with the code above, you would have a 10px margin/book fold in the middle.
and the html would simply be
Quote:
<div class="scroll_column">
<div id="column1">
text goes here and once it takes up more than 500px in height, it will scroll
</div>
<div id="column2">
text goes here and once it takes up more than 500px in height, it will scroll
</div>
</div>
|
confirmed, it works online example here: (only leave it on for about 5 days)
http://uuilliam.net/example.html
you could always simply replace "column2" with "column1" if you want them to both appear the same
Last edited by UUilliam; 02-11-2010 at 09:57 PM..
|