Force Table to Scroll

Discussion in 'Web Design and Development' started by inxxcasinoxxout, Apr 16, 2006.

  1. inxxcasinoxxout macrumors newbie

    Jun 2, 2005
    I need help with my website. The specific layout in question can be viewed here:

    The page was created in Photoshop and I edit it with Dreamweaver. The problem as you can probably see is that the center table (where the album reviews are located) doesn't scroll, but instead lengthens to allow all the writing. I've been trying to either get it to scroll or make it so the images on either side don't seperate, although the center table lengthens.

    It's worth mentioning the layout looks perfect on Safari, but not on Firefox or IE. Any help will be greatly appreciated!
  2. jsm4182 macrumors 6502

    Apr 3, 2006
    Beacon, NY
    you can do that with this css

    overflow: auto

    add that with a div tag to the text, not the table and change the width and height to the apropriate values to fit in the cell
  3. inxxcasinoxxout thread starter macrumors newbie

    Jun 2, 2005
    Thank you very much. I was messing around with the div tag and overflows before, but i never executed it correctly.

    Bonus for anyone interested: More attractive ways to scroll? I could use a div style and change scrollbar colors, but that's only for IE. Any ideas would be welcome!
  4. bunkre macrumors member

    Mar 10, 2004
    nice implementation!

    you may want to add a little space around the scrolling div's content tho so its not "touching" the edges. obviously, simply adding padding will give you an IE boxmodel headache, but using another "wrapper" div inside the scrolling one with a little margin would work and look great. take a look at this horizontal scroller i did here:

    i "borrowed" the idea from a reall nice CSS version of , but now they've switched to flash :confused:
  5. freebo macrumors newbie

    Feb 27, 2008

Share This Page