Web Analytics Made Easy -
StatCounter showing scrollbars regardless? - CodingForum

Announcement

Collapse
No announcement yet.

showing scrollbars regardless?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • showing scrollbars regardless?

    I'm using a divular layout and when the scrollbar does not show, when the page is not long enough to need to show, it shows fine, but when it is long enough for scrollbars, it shows up and it makes my div's ''Bounce'' around. It's not 'killing me' but I don't really like it bouncing around. Is there a way where I can show the scrollbars, or at least an inactive one, at all times?

    IE does this, but I'm using Firefox.

    Thanks
    Stevie Peele
    Neverside IRC Network - irc.veonex.net | tc.tutorialnetwork.org
    #dev - any programming,etc. question
    #design - design discussion and critque
    #central - general chat
    Come join us!

  • #2
    Don't be offended by this, but you have tried adding overflow:scroll; to the elements in question, haven't you?


    Andrew.

    I take no responsibility for the above nonsense.


    Left Justified

    Comment


    • #3
      No, add that to the body tag?
      Stevie Peele
      Neverside IRC Network - irc.veonex.net | tc.tutorialnetwork.org
      #dev - any programming,etc. question
      #design - design discussion and critque
      #central - general chat
      Come join us!

      Comment


      • #4
        I think I was unclear

        In this first screenshot (firefox) no scrollbar is necessary


        In this second screenshot (ie) no scrollbar is necessary, but an incative one shows up.


        How can I make my page to where in Firefox, the inactive scrollbar shows up regardless like IE so the *bouncing* will not occur?

        Thanks
        Stevie Peele
        Neverside IRC Network - irc.veonex.net | tc.tutorialnetwork.org
        #dev - any programming,etc. question
        #design - design discussion and critque
        #central - general chat
        Come join us!

        Comment


        • #5
          Post your html/css and I'll tell you which elements...but do it soon, its 1am and Im about to crash.

          I take no responsibility for the above nonsense.


          Left Justified

          Comment


          • #6
            aaahhhh, that old chestnut again...
            Sorry man, no hope. It's built into the browser to do that.
            I ran into the same prob when I made my site.

            *edit: but adding overflow:scroll to the body is worth a try none the less...

            I take no responsibility for the above nonsense.


            Left Justified

            Comment


            • #7
              Surely this is hardcoded into Firefox... if you want it to appear on your machine then add this to your user.css file:
              Code:
              scrollbar { display: block !important }
              David House - Perfect is achieved, not when there is nothing left to add, but when there is nothing left to take away. (Antoine de St. Exupery).
              W3Schools | XHTML Validator | CSS Validator | Colours | Typography | HTML&CSS FAQ | Go get Mozilla Now | I blog!

              Comment


              • #8
                Originally posted by me'
                if you want it to appear on your machine then add this to your user.css file:
                That's not going to help him out in the big wide web though....
                He can't change other user's custom styles.

                I take no responsibility for the above nonsense.


                Left Justified

                Comment


                • #9
                  Why not set the height of the page to like, one or two percent over one hundred? There shouldn't be much scrolling, and you'll have your scrollbar.

                  Comment


                  • #10
                    body { height: 96.10%; }
                    gives it a scrollbar that doesn't scroll.

                    Thanks, Paul.
                    Stevie Peele
                    Neverside IRC Network - irc.veonex.net | tc.tutorialnetwork.org
                    #dev - any programming,etc. question
                    #design - design discussion and critque
                    #central - general chat
                    Come join us!

                    Comment


                    • #11
                      Originally posted by SDP2006
                      body { height: 96.10%; }
                      gives it a scrollbar that doesn't scroll.

                      Thanks, Paul.
                      But what happens when the content extends past that point? Or if the user enlarges their font size? Does it break? Or does it scroll?

                      I take no responsibility for the above nonsense.


                      Left Justified

                      Comment


                      • #12
                        min-height?
                        David House - Perfect is achieved, not when there is nothing left to add, but when there is nothing left to take away. (Antoine de St. Exupery).
                        W3Schools | XHTML Validator | CSS Validator | Colours | Typography | HTML&CSS FAQ | Go get Mozilla Now | I blog!

                        Comment


                        • #13
                          Originally posted by me'
                          min-height?
                          Of course! Brilliant and obvious David
                          Thankyou Mozilla.org for your (*mostly) standards compliant products!

                          * - Not 100% positive, don't want to get flamed just in case

                          I take no responsibility for the above nonsense.


                          Left Justified

                          Comment


                          • #14
                            Originally posted by mindlessLemming
                            Of course! Brilliant and obvious David
                            Lol, thanks. But don't forget to hack down for IE:
                            Code:
                            html body { height: 96.1% }
                            html>body { min-height: 96.1%; height: auto }
                            Or pick your favourite hack (_height, * html body etc)
                            David House - Perfect is achieved, not when there is nothing left to add, but when there is nothing left to take away. (Antoine de St. Exupery).
                            W3Schools | XHTML Validator | CSS Validator | Colours | Typography | HTML&CSS FAQ | Go get Mozilla Now | I blog!

                            Comment

                            Working...
                            X