Force Table to Scroll

[inxxcasinoxxout]

I need help with my website. The specific layout in question can be viewed here: http://www.lamusicano.com/limbo/.

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!

 

[jsm4182]

I need help with my website. The specific layout in question can be viewed here: http://www.lamusicano.com/limbo/.

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!

you can do that with this css

width:150px;
height:150px;
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

 

[inxxcasinoxxout]

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!

 

[bunkre]

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: http://soundcheckrepublic.com/photos.cfm

i "borrowed" the idea from a reall nice CSS version of http://furnitureclub.com.au/index.htm , but now they've switched to flash

 

[freebo]

Some good examples of using css for making a scroll box.

http://www.freebits.co.uk/scroll-box-using-css.html