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 Offline
    X Offline
    xxrono
    wrote on last edited by
    #1

    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 1 Reply Last reply
    0
    • 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