Is it possible to disable the horizontal scroll bar via the style sheet?

Hello,

I would like to know if its it possible to disable the horizontal scroll bar via the style sheet?...

If so how?

If not, how do I??
My site is set at a fluid width of 100%

Thankyou :smile:

yes, it is the overflow property.

http://www.w3schools.com/Css/pr_pos_overflow.asp

overflow:visible;
overflow:hidden;
overflow:scroll;
overflow:auto;
overflow:inherit;

are your options. Overflow:hidden means that the content that is outside the containing element is just not shown. They can be applied to any tag including the body tag.

However if you have a genuinely fluid layout, then why are you seeing a scroll bar at all? There must be some element in there that isn't fluid which is causing the horizontal scroll bar to appear. Which is probably an image.

A url for the page would help!

Nik

Hi niccol,

Thanks for the quick reply. Im afraid the site isnt live yet so I cant provide you with a URL, sorry.

So would I literally just add 'overflow:hidden;' to the styleeheet then?

Thankyou :smile:

You are getting a scroll bar because you have some padding or margins somewhere that is trying to make the page bigger than 100% - you should fix that rather than hiding the scroll bar, if you can. ( You can cheat by using 99.9% instead of 100% too)

Hi Kim...

Yes I cheated!!, the 99.9% trick works fine for now, I intend on finding the culprit for the rogue scrollbar soon though!.

Thanks for your help :smile: