PDA

View Full Version : Removing horizontal scroll bar



insidexout22
02-06-2005, 12:47 AM
In the scrollable content code, what part(s) do you take out to remove just the horizontal scroll bar?

42!
09-15-2005, 06:10 PM
In the scrollable content code, what part(s) do you take out to remove just the horizontal scroll bar?

I'm trying to remove the bottom (horizontal) scroll bar also...

on the bottom left of this page:
http://wunlimited.proboards27.com


[TIA]

jscheuer1
09-16-2005, 02:14 AM
42! - I checked your page and it looks fine, either you fixed it, are using a different browser than I checked with (I used IE6) or, who knows?

insidexout22 - Assuming you are using the script found here (http://www.dynamicdrive.com/dynamicindex11/scrollc.htm), as long as your content can wrap to and/or is narrow enough to fit in the width allotted, simply changing the value for the overflow style property to 'auto' will do the trick for all modern browsers I use (O8, FF1.0.6, IE6):

<div id="scroll3" style="width:170px;height:150px;background-color:lightyellow;overflow:auto">

42!
09-16-2005, 03:03 AM
42! - I checked your page and it looks fine, either you fixed it, are using a different browser than I checked with (I used IE6) or, who knows?

insidexout22 - Assuming you are using the script found here (http://www.dynamicdrive.com/dynamicindex11/scrollc.htm), as long as your content can wrap to and/or is narrow enough to fit in the width allotted, simply changing the value for the overflow style property to 'auto' will do the trick for all modern browsers I use (O8, FF1.0.6, IE6):

<div id="scroll3" style="width:170px;height:150px;background-color:lightyellow;overflow:auto">

Thanks J
On every pc I've viewed it on it had the scroll on the bottom still.
But I realize on some configs it might not.
To alleviate most browsers I took queue from your above code post & changed scroll (in red below) to "auto" as suggested in the post above,
& it worked,
Thank you very much!

<div id="scroll3" style="width:220;height:80;background-color:black;overflow:scroll">
I changed scroll to auto