Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 22
  1. #1
    New Coder
    Join Date
    Jun 2002
    Location
    singapore
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    hide horizontal scrollbar

    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"
    damed it..help much needed..!

  • #2
    Regular Coder
    Join Date
    May 2002
    Location
    Maine, USA
    Posts
    573
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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>
    boxer_1
    CodingForums Moderator
    "How did a fool and his money get together in the first place?"

  • #3
    New Coder
    Join Date
    Jun 2002
    Location
    singapore
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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..
    damed it..help much needed..!

  • #4
    New Coder
    Join Date
    Jun 2002
    Location
    singapore
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    any solutions?
    damed it..help much needed..!

  • #5
    Senior Coder
    Join Date
    Jun 2002
    Location
    Wichita
    Posts
    3,880
    Thanks
    0
    Thanked 0 Times in 0 Posts
    It works from IE 6 just fine. What browser are you seeing a problem from?

  • #6
    Senior Coder Mhtml's Avatar
    Join Date
    Jun 2002
    Location
    Sydney, Australia
    Posts
    3,531
    Thanks
    0
    Thanked 1 Time in 1 Post

    Question

    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.

  • #7
    New Coder
    Join Date
    Jun 2002
    Location
    singapore
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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?
    damed it..help much needed..!

  • #8
    jkd
    jkd is offline
    Senior Coder jkd's Avatar
    Join Date
    May 2002
    Location
    metro DC
    Posts
    3,163
    Thanks
    1
    Thanked 18 Times in 18 Posts
    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;
    }

  • #9
    New Coder
    Join Date
    Jun 2002
    Location
    singapore
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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
    Attached Files Attached Files
    damed it..help much needed..!

  • #10
    New Coder
    Join Date
    Jul 2002
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

  • #11
    New to the CF scene
    Join Date
    May 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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



    Quote Originally Posted by jkd View Post
    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;
    }

  • #12
    New to the CF scene
    Join Date
    Jan 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy Some people..........

    Quote Originally Posted by depth09 View Post
    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.

  • #13
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Vengeance, you are absolutely right, though you have replied to a 6+ year old thread

    PS: welcome to CF!
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #14
    New to the CF scene
    Join Date
    Mar 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks, jkd! It's 2011 and this was still the only fix I could find online for the horizontal scrollbar issue.

  • #15
    New to the CF scene
    Join Date
    Mar 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by kkhh View Post
    Thanks, jkd! It's 2011 and this was still the only fix I could find online for the horizontal scrollbar issue.
    me too,but it only work with IE .
    thank you.




    Last edited by AjayBaji; 03-30-2011 at 12:34 PM.


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •