Web Analytics Made Easy - StatCounter hide horizontal scrollbar - CodingForum

Announcement

Collapse
No announcement yet.

hide horizontal scrollbar

Collapse
X
Collapse
 
  • Page of 2
  • Filter
  • Time
  • Show
Clear All
new posts
Previous 1 2 template Next
  • #1

    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..!
    Tags: None
  • #2
    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
    CodingForum Moderator
    "How did a fool and his money get together in the first place?"

    Comment

    • #3
      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 -

      https://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..!

      Comment

      • #4
        any solutions?
        damed it..help much needed..!

        Comment

        • #5
          It works from IE 6 just fine. What browser are you seeing a problem from?
          Check out the Forum Search. It's the short path to getting great results from this forum.

          Comment

          • #6
            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.
            Omnis mico antequam dominus Spookster!

            Comment

            • #7
              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..!

              Comment

              • #8
                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;
                }
                jasonkarldavis.com

                Comment

                • #9
                  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
                  damed it..help much needed..!

                  Comment

                  • #10
                    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

                    Comment

                    • #11
                      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



                      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;
                      }

                      Comment

                      • #12
                        Some people..........

                        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.

                        Comment

                        • #13
                          Vengeance, you are absolutely right, though you have replied to a 6+ year old thread

                          PS: welcome to CF!
                          Digitalocean Cloud Hosting (Referral link - get $10 free credit) Fameco

                          Comment

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

                            Comment

                            • #15
                              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; Mar 30, 2011, 07:34 AM.

                              Comment

                              Previous 1 2 template Next
                              Working...
                              X