Forum Moderators: not2easy

Message Too Old, No Replies

Is a box w/ scrollbars or simulated scrollbars possible in css?

Trying to create a very wide box

         

Clark

4:54 pm on May 7, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I'd like to create a page with a box that has a horizontal scrollbars due to very wide content, but in CSS, no iframes.

I saw something similar at Flickr. Next to every picture page there is a little box with a slideshow. If you click "Next" or "Previous", instead of opening a new page, it acts like a scrollbar.

I know flickr uses lots of Ajax and Javascript, which obviously I don't want the headache of replicating, but if there's a low tech way of achieving the same affect, that's what I'm looking for.

Thanks in advance for your help.

coopersita

5:55 pm on May 7, 2006 (gmt 0)

10+ Year Member



Put the content in a container, give the container a with and overflow auto:

HTML:

<div id="widecontent">
Very white stuff here
</div>

CSS:

#widecontent { width: 800px; overlow: auto; }

If you wan't the container to be flexible, then don't give it a width, and try just the overflow.

Clark

5:59 pm on May 7, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Thank you!