hide horizontal scrollbar [Archive]

depth09

07-14-2002, 11:08 AM

hi..

i would like to noe how do u hide the horizontal scrollbar even if my image exceed the required screen resolution?
i only wanna hide the horizontal(left to right) and set the vertical(up to down)scrollbar as default.

i have tried inserting

body style="overflow-y:hidden" "overflow-x:hidden"

i just inserted

body style="overflow-x:hidden"
to hide the horizontal scrollbar..
but it hide the vertical scroll as well...?

i would appreciate if anyone could tell me what is the scripts to use... it would be much appreciated..:)

body style="overflow-x:hidden" body style="overflow-x:hidden"

boxer_1

07-14-2002, 12:37 PM

The only thing I can suggest is what you've already been doing, putting the following css in the head section of your page:

<style type="text/css">
body {
overflow-x: hidden;
}
</style>

depth09

07-14-2002, 07:08 PM

hmm...it still deesn't work..
by the way..i'm using Dreamweaver4..
i just pasted the scripts in the <body>

anyone has a solution to it?

check out this link -

www.webpuppies.com.sg/sub/psc2/awardps.html

it doesn't scroll vertically (top to down)
when i inserted "overflow-x:hidden"

someone pls help..

depth09

07-16-2002, 07:39 PM

any solutions?

Roy Sinclair

07-16-2002, 10:13 PM

It works from IE 6 just fine. What browser are you seeing a problem from?

Mhtml

07-17-2002, 05:45 AM

I was having the same problem. I used to it all the time. I'm using IE5.0 now and it doesn't seem to work. I just gave up and made my page resizeable with 100% tables...lol It better that way anyway I guess.

Maybe I should go back to 5.5 because when I got it , it was beta and sucked so I'll update but the problem is that not all people would do the same thing. People aren't just going to look at your source find that you are using the over-x:hidden attribute and then upgrade....But wouldn't it be cool if they did.

Well that's my 2 cents.....I'm Kent Brockman, Goodnight.

depth09

07-17-2002, 06:33 AM

ohh yes..it only works with IE6..!!!
i was using IE5 previously..
thanx anyway..hmm..can anyone check if it's NS compatible as well?

jkd

07-17-2002, 07:01 AM

The overflow-x property is something IE threw in.

If you want to accomplish the same in Gecko (NS6+, Mozilla, etc) and IE4+ simultaneously, I believe this should do the trick:

body {
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
overflow-y: scroll;
}

depth09

07-17-2002, 09:35 AM

i have try this in DW4 -

<BODY style="overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
overflow-y: scroll; ">

is this the correct way..?
someone using IE and NS 4+ and below pls site check for me if it works..i'm using IE6 now

IDontCode

07-18-2002, 04:48 AM

Originally posted by jkd
The overflow-x property is something IE threw in.

If you want to accomplish the same in Gecko (NS6+, Mozilla, etc) and IE4+ simultaneously, I believe this should do the trick:

body {
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
overflow-y: scroll;
}
Thanks man..i had a thread on this subject earlier..that worked!! thanks

scareygoatshead

05-08-2007, 09:56 PM

thank you so much bro!!! I have been looking for this piece of code for days now. you really helped me out.

thanks

Scarey Goatshead

The overflow-x property is something IE threw in.

If you want to accomplish the same in Gecko (NS6+, Mozilla, etc) and IE4+ simultaneously, I believe this should do the trick:

body {
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
overflow-y: scroll;
}

Vengeance

01-06-2009, 10:37 AM

hmm...it still deesn't work..
by the way..i'm using Dreamweaver4..
i just pasted the scripts in the <body>

.........

someone pls help..

You should put it in the <head> section of your page. See if that'll do the trick.
Oh, btw, Dreamweaver is for cissies, I use notepad and type the entire site myself. That's the proper way to learn HTML and you'll find out you'll get lesser problems that way. In my experience programs such as Dreamweaver, Frontpage etc. cause nothing but problems. So no offence intended, but maybe you should learn HTML before building a website.

Yours sincerely,

Vengeance.

abduraooft

01-06-2009, 10:44 AM

Vengeance, you are absolutely right, though you have replied to a 6+ year old thread :)

PS: welcome to CF!

kkhh

03-14-2011, 03:14 AM

Thanks, jkd! It's 2011 and this was still the only fix I could find online for the horizontal scrollbar issue.

AjayBaji

03-30-2011, 12:26 PM

Thanks, jkd! It's 2011 and this was still the only fix I could find online for the horizontal scrollbar issue.

me (http://www.divertinia.com/lotto.php) too,but it only work with IE .
thank you. (http://www.bingomania.com/paas/bmn/bingo-pjp-winners.action)

(http://www.jackpotjoy.com/)
(http://www.bingomania.com)

marelda

05-19-2011, 08:06 PM

Vengeance, you are absolutely right, though you have replied to a 6+ year old thread :)

PS: welcome to CF!

This code came in handy to hide the horizontal scrollbar: overflow: -moz-scrollbars-vertical; overflow-x: hidden; overflow-y: scroll; - but how do you counteract that when window is resized and you want to show the horizontal scrollbar?

Thanks, any help is appreciated.

marelda

05-19-2011, 08:08 PM

oops will start new thread. Thanks

alykins

06-29-2011, 07:42 PM

why does this thread keep getting called?! as noted from before (in 09 I think?) it was already 6+ years old lol.... I am literally lol'ing :D

ollixf

09-16-2011, 07:58 AM

In the interest of continuing the oldest thread in internet history, I thought I would add my recent findings on this matter!

After 2 days of trying to remove the horizontal scroll bar from IE 7, none of the other solutions here working, I used this in my CSS file:

html { overflow-x: hidden; }

I works for IE 7 and any other modern browser :)

kurt.muller

01-10-2012, 12:26 PM

I wonder if the guy who posted this is still coding in DW4 :)

DDLAuLau

02-27-2012, 05:51 PM

Deluxxeit

04-24-2012, 05:36 PM