Scrolling divs - can you offset the scrollbar from the div?

[fishfinger]

Hi all

I need to have a site where there is a fixed size area which contains two 'columns' - one for text which will scroll, then the second to the right for an image which will not.

Can the scrollbar for the div containing the text be offset to appear to the right of the *image* rather than the right of the text (which is left of the image)?

[doodlebee]

Yes -

I'm working on a site right now that does this.

Basically, you want to do something liek the following:

HTML:

<div id="container">
<div id="content">
<p> text here</p>
</div> <!-- closing #content -->
</div> <!-- closing #container -->

CSS:

#container {
width:500px;
height:400px;
overflow:auto;
}
#content {
width:300px;
text-align:left;
}

As you can see, the container has the overflow/scrolling element, and is 500px wide. The actual content div holds the text, and is only 300px wide - which will leave 200 pixels between the right side of the text and the actual scrollbar.

You can adjust as needed :)

[fishfinger]

Thanks!