Positioning Scrollbar in Table

Bazjra · Joined: 26 Mar 2008 Posts: 3

I'm trying to place a scrollbar in a specific location on my background image but I can't find the proper code to do it. The scrollbar is supposed to be over the light box in the image (click!)

Here's what I've got at the moment:

PayneLess Designs · Joined: 28 Feb 2007 Posts: 342 Location: Biloxi, MS

Replace overflow:auto; with overflow:scroll; and you'll get a scroll bar showing. It will not have a scroll tab until you have enough overflow which would have triggered a scroll bar anyway.

All that scroll code for colors, etc., is only good for IE and IE driven browser engines. No other browser will show all those colors for a scroll bar.

Ron

Bazjra · Joined: 26 Mar 2008 Posts: 3

Okay. Thanks for your help!

Straystudio · Joined: 14 Apr 2008 Posts: 182 Location: Nord Italy

padding:35px wants its ; semicolon.

You simply entered not enough text to fill, the height:350px; You assigned to the div.
By doubling the text content, overflow:auto; will enter in play.
I second "PayneLess Designs" about how overflow:scroll; works.

Be aware having a div overflow: ; inside a table:
as long as You set div height in pixel, no problem sorts out;
layout gets fooled with both overflow:auto; and overflow:scroll; if You use % percentuage, instead.

Bazjra · Joined: 26 Mar 2008 Posts: 3

Hm... Tried out everything that was mentioned (I'd shortened my text purposefully, though) and it still looked the same as before, with the scrollbar on the right side instead of in the middle.

A friend of mine does similar stuff with her scrollbars (successfully, I might add), so I ended up finding one of her codes (I couldn't before due to a stupid bug with stupid Proboards v4.5). And it worked. Oh, I did color the scrollbars -- what would it show up as on browsers that don't use IE?

I'm going to fiddle around with it and see if I can trim it down some -- figure out what works where.