Window Scroll Bar Help ????

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Chrisjc
    Contributor
    • Nov 2006
    • 375

    Window Scroll Bar Help ????

    I would like to make a scroll bar in a CELL is that possiable??? If so I don't know the coding or how to come about this any ideas??? I can't use an Iframe I was going to how ever I couldnt get my DIV to open in the Iframe... all my DIV's have to stay on the same page of coding unless once again anyone has any idea how to come about this???

    But there has to be a way to get a SCROLLING CELL right?????

    Thanks in Advanced!!

    Chris
  • drhowarddrfine
    Recognized Expert Expert
    • Sep 2006
    • 7434

    #2
    In the css for the div, add overflow:auto;

    Comment

    • AricC
      Recognized Expert Top Contributor
      • Oct 2006
      • 1885

      #3
      Here is an example if your stuck:

      [html]<div style="border : solid 2px #ff0000; background : #000000; color : #ffffff; padding : 4px; width : 200px; height : 50px; overflow : auto; ">
      1<br />
      2<br />
      3<br />
      4<br />
      5<br />
      6<br />
      7<br />
      8<br />
      9<br />
      10<br />
      </div>[/html]

      Comment

      • Chrisjc
        Contributor
        • Nov 2006
        • 375

        #4
        That worked out GRATE thank you very much!

        Comment

        • AricC
          Recognized Expert Top Contributor
          • Oct 2006
          • 1885

          #5
          Your welcome! If you have more questions post them there are several people here more than willing to help.

          Comment

          • Chrisjc
            Contributor
            • Nov 2006
            • 375

            #6
            Originally posted by AricC
            Your welcome! If you have more questions post them there are several people here more than willing to help.

            Well everything was working fine until I put it in my final work... and now.. it only displays a few things... when I have it with Height and width it messes up... for ( overflow:auto; ) and if I just take it out.. it fills up fine how ever I need that scroll bar... to be there..

            Here is an example of what I mean



            go there that is the page. I currently have overflow:auto; OFF

            now make these selections...

            FUEL = DIESEL
            MAKE = CHEVROLET
            MODEL = SILVERADO 2500 HD
            YEAR = 2001
            ENGINE = V8
            LITER = 6.6

            After making those selections to your right you will get the part number and description... you will see NINE notice how it cuts into my bar though.

            If I but OVERFLOW:AUTO; ON it will display FOUR!!! on the same selection....

            and if I take the width and Height off it will give me my scroll bar... but it will be a box by 1px by 1px I don't understand is there another OVERFLOW I can give it? like OVERFLOW SCROLL something like that??

            Thanks for the help

            Chris

            Comment

            • Chrisjc
              Contributor
              • Nov 2006
              • 375

              #7
              Originally posted by Chrisjc
              Well everything was working fine until I put it in my final work... and now.. it only displays a few things... when I have it with Height and width it messes up... for ( overflow:auto; ) and if I just take it out.. it fills up fine how ever I need that scroll bar... to be there..

              Here is an example of what I mean



              go there that is the page. I currently have overflow:auto; OFF

              now make these selections...

              FUEL = DIESEL
              MAKE = CHEVROLET
              MODEL = SILVERADO 2500 HD
              YEAR = 2001
              ENGINE = V8
              LITER = 6.6

              After making those selections to your right you will get the part number and description... you will see NINE notice how it cuts into my bar though.

              If I but OVERFLOW:AUTO; ON it will display FOUR!!! on the same selection....

              and if I take the width and Height off it will give me my scroll bar... but it will be a box by 1px by 1px I don't understand is there another OVERFLOW I can give it? like OVERFLOW SCROLL something like that??

              Thanks for the help

              Chris
              FOUND SOMETHING Interesting...

              if you do everything I said above... I now have overflow:auto; ON

              You will only get four from the selection I had told you to pick... NOW

              Lets do a new selection...

              FUEL = DIESEL
              MAKE = FORD
              MODEL = F-250 SUPER DUTY PICKUP
              YEAR = 2004
              ENGINE = V8
              LITER = 6.0

              Now look how grate overflow AUTO works... why is this????

              There should be ten being displayed for the Chevy.... any ideas???? why this is?

              Comment

              • AricC
                Recognized Expert Top Contributor
                • Oct 2006
                • 1885

                #8
                Here are the values you can give to overflow: (visible;hidden ;scroll;auto)I did both of the selections neither of them looked like they weren't working correctly ( in IE 6 ) maybe a screen shot would help or something.

                Comment

                • Chrisjc
                  Contributor
                  • Nov 2006
                  • 375

                  #9
                  Originally posted by AricC
                  Here are the values you can give to overflow: (visible;hidden ;scroll;auto)I did both of the selections neither of them looked like they weren't working correctly ( in IE 6 ) maybe a screen shot would help or something.

                  Well it was non of those it ended up being my fault I had ( position:absolu te; ) in the DIV... so there for it was trying to display by that setting be getting rid of position:absolu te; it will read the overflow setting just fine!!

                  Thanks

                  Comment

                  Working...