I'm trying to make the scroll bar on the CENTER BOX in this DIV layout a horizontal rather than a vertical scroll bar, and I'm not sure how.
Here is an image of the layout, just so you can see what's what. (Personal information was blacked out because I was too lazy to empty the whole thing before screencapping)
http://i651.photobucket.com/albums/uu236/discodayz/20110117-151548.png
And here's the part of the code that holds the scroll bar.
<div id="scroll_Box" style="width:800px; height:25px; position:absolute; left:50px; top:50px; z-index:1; ">
</div>
As well as the centerbox code itself.
<div id="Center_box" style="width:267px; height:115px; position:absolute; left:249px; top:330px; z-index:1; overflow:auto;">
<p>Centerbox<p>Centerbox<p>Centerbox<p>Centerbox
</div>
Note, I am using a Mozilla browser, not IE.
Here is an image of the layout, just so you can see what's what. (Personal information was blacked out because I was too lazy to empty the whole thing before screencapping)
http://i651.photobucket.com/albums/uu236/discodayz/20110117-151548.png
And here's the part of the code that holds the scroll bar.
<div id="scroll_Box" style="width:800px; height:25px; position:absolute; left:50px; top:50px; z-index:1; ">
</div>
As well as the centerbox code itself.
<div id="Center_box" style="width:267px; height:115px; position:absolute; left:249px; top:330px; z-index:1; overflow:auto;">
<p>Centerbox<p>Centerbox<p>Centerbox<p>Centerbox
</div>
Note, I am using a Mozilla browser, not IE.