Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Code Project
  1. Home
  2. Web Development
  3. scrollable div

scrollable div

Scheduled Pinned Locked Moved Web Development
phpquestion
11 Posts 3 Posters 0 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • X xxrono

    hi there i have a table-repeated region(php) inside a div. i need it to show 3 records and the other ones below-scrollable ofcourse i won't make framesets! how will i make it scrollable?? backround:scroll or backround-attachment:scroll won't work thanks

    ninja coding

    realJSOPR Offline
    realJSOPR Offline
    realJSOP
    wrote on last edited by
    #2

    Set the div's style to "overflow:scroll;"

    "Why don't you tie a kerosene-soaked rag around your ankles so the ants won't climb up and eat your candy ass..." - Dale Earnhardt, 1997
    -----
    "...the staggering layers of obscenity in your statement make it a work of art on so many levels." - Jason Jystad, 10/26/2001

    X R 2 Replies Last reply
    0
    • realJSOPR realJSOP

      Set the div's style to "overflow:scroll;"

      "Why don't you tie a kerosene-soaked rag around your ankles so the ants won't climb up and eat your candy ass..." - Dale Earnhardt, 1997
      -----
      "...the staggering layers of obscenity in your statement make it a work of art on so many levels." - Jason Jystad, 10/26/2001

      X Offline
      X Offline
      xxrono
      wrote on last edited by
      #3

      Thanks John it works,but how will i get rid of the horizontal scroll that is completely useless??

      ninja coding

      realJSOPR 1 Reply Last reply
      0
      • X xxrono

        Thanks John it works,but how will i get rid of the horizontal scroll that is completely useless??

        ninja coding

        realJSOPR Offline
        realJSOPR Offline
        realJSOP
        wrote on last edited by
        #4

        As far as I know, you can't (in this case, you gotta take the good with the bad). I use the same technique to constrain my web page content so that the header/menu and footer are always displayed. The content scrolls, but the page itself does not. :)

        "Why don't you tie a kerosene-soaked rag around your ankles so the ants won't climb up and eat your candy ass..." - Dale Earnhardt, 1997
        -----
        "...the staggering layers of obscenity in your statement make it a work of art on so many levels." - Jason Jystad, 10/26/2001

        1 Reply Last reply
        0
        • realJSOPR realJSOP

          Set the div's style to "overflow:scroll;"

          "Why don't you tie a kerosene-soaked rag around your ankles so the ants won't climb up and eat your candy ass..." - Dale Earnhardt, 1997
          -----
          "...the staggering layers of obscenity in your statement make it a work of art on so many levels." - Jason Jystad, 10/26/2001

          R Offline
          R Offline
          RichardGrimmer
          wrote on last edited by
          #5

          Before anyone jumps in moaning bout bars they don't want, there's also an overflow-x / overflow-y....oops too late :)

          "Knock me down, I'll get straight back up again, I'll come back stronger than a powered up pacman" (Lilly Allen / Kaiser Chiefs)

          X 1 Reply Last reply
          0
          • R RichardGrimmer

            Before anyone jumps in moaning bout bars they don't want, there's also an overflow-x / overflow-y....oops too late :)

            "Knock me down, I'll get straight back up again, I'll come back stronger than a powered up pacman" (Lilly Allen / Kaiser Chiefs)

            X Offline
            X Offline
            xxrono
            wrote on last edited by
            #6

            thanks it works...but..there's always a but shows perfect on mozilla ,any solution for IE5-6?

            ninja coding

            realJSOPR R 2 Replies Last reply
            0
            • X xxrono

              thanks it works...but..there's always a but shows perfect on mozilla ,any solution for IE5-6?

              ninja coding

              realJSOPR Offline
              realJSOPR Offline
              realJSOP
              wrote on last edited by
              #7

              My web site works in ie and mozilla and i don't recall doing anything special to make this work in both browsers.

              "Why don't you tie a kerosene-soaked rag around your ankles so the ants won't climb up and eat your candy ass..." - Dale Earnhardt, 1997
              -----
              "...the staggering layers of obscenity in your statement make it a work of art on so many levels." - Jason Jystad, 10/26/2001

              X 1 Reply Last reply
              0
              • realJSOPR realJSOP

                My web site works in ie and mozilla and i don't recall doing anything special to make this work in both browsers.

                "Why don't you tie a kerosene-soaked rag around your ankles so the ants won't climb up and eat your candy ass..." - Dale Earnhardt, 1997
                -----
                "...the staggering layers of obscenity in your statement make it a work of art on so many levels." - Jason Jystad, 10/26/2001

                X Offline
                X Offline
                xxrono
                wrote on last edited by
                #8

                yeah the scroll works but i don't have a bar!! the div is scrollable with no bar in IE6 i think it looks cool but as i was fooled ,i'm sure my visitors also will be and will not try to scroll any comments?

                ninja coding

                1 Reply Last reply
                0
                • X xxrono

                  thanks it works...but..there's always a but shows perfect on mozilla ,any solution for IE5-6?

                  ninja coding

                  R Offline
                  R Offline
                  RichardGrimmer
                  wrote on last edited by
                  #9

                  Looking at your further questions, what exactly are you doing? Under ie6 / 7 in our app, we use the following:

                  Which works beautifully, providing only one scrollbar...are you sure your content is big enough to need a scroll? "Knock me down, I'll get straight back up again, I'll come back stronger than a powered up pacman" (Lilly Allen / Kaiser Chiefs)

                  X 1 Reply Last reply
                  0
                  • R RichardGrimmer

                    Looking at your further questions, what exactly are you doing? Under ie6 / 7 in our app, we use the following:

                    Which works beautifully, providing only one scrollbar...are you sure your content is big enough to need a scroll? "Knock me down, I'll get straight back up again, I'll come back stronger than a powered up pacman" (Lilly Allen / Kaiser Chiefs)

                    X Offline
                    X Offline
                    xxrono
                    wrote on last edited by
                    #10

                    o yes it works after all...sorry but if u have the time please browse this demo from Ie and mozzila and see the difference on the right side of my content-scrollbar- http://boatguide.gr/view.php?cat=2 if i place another div in the right of my main table it goes right on top of the scrollbar in IE offcourse,in mozzilla everything is smooth as always Any css advise would be much appreciated thanks for your time

                    ninja coding

                    R 1 Reply Last reply
                    0
                    • X xxrono

                      o yes it works after all...sorry but if u have the time please browse this demo from Ie and mozzila and see the difference on the right side of my content-scrollbar- http://boatguide.gr/view.php?cat=2 if i place another div in the right of my main table it goes right on top of the scrollbar in IE offcourse,in mozzilla everything is smooth as always Any css advise would be much appreciated thanks for your time

                      ninja coding

                      R Offline
                      R Offline
                      RichardGrimmer
                      wrote on last edited by
                      #11

                      Ahhhhh - I see what you mean - looks like it's caused by the old IE / MOZ border problem (IE considers the border to be outside the area of an element, moz inside, so the widths ofter go a little screwy) - do a quick google for CSS Box Hacks and you should find something...

                      "Knock me down, I'll get straight back up again, I'll come back stronger than a powered up pacman" (Lilly Allen / Kaiser Chiefs)

                      1 Reply Last reply
                      0
                      Reply
                      • Reply as topic
                      Log in to reply
                      • Oldest to Newest
                      • Newest to Oldest
                      • Most Votes


                      • Login

                      • Don't have an account? Register

                      • Login or register to search.
                      • First post
                        Last post
                      0
                      • Categories
                      • Recent
                      • Tags
                      • Popular
                      • World
                      • Users
                      • Groups