scrollable Div's and with problems.

[ChrisDarl]

Right guys... I have a DIV that is scrollable once the content is too big for the container. So, the scrollbars dont show unless there is too much content.

However the problem is with the width styles i believe. When the vertical scrollbar is shown the horizontal one appears because the width is set to 100% and i think its adding the horizontal scrollbar because of the vertical scroll bar being there.

Sorry, its quite hard to explain. Hope you understand what i mean, if not, ask away and ill answer/show demo.

So, im thinking a need some JS / CSS Expression to do.. if vertical scrollbars = visible then width = 100% - vertical scrollbar width. Any ideas at all?

Many thanks in advance. chris

PS. Iam only getting this problem in IE 7/6 not FireFox.

[rochakchauhan]

I think to make it floating... use:

// CSS
position: fixed;


and to make the content fit in.. use:

// CSS
overflow:auto;