![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
CSS Problem.
I'm having a bit of a CSS problem that I don't know how to solve, and googling hasn't gotten me any closer to an answer. Any advice would be appreciated.
In brief, I have a fixed-size container DIV in which I'm displaying a variable-sized content DIV. When the content is larger than the container, the container grows scrollbars. That all works as expected.
The problem comes when the content is smaller than the DIV. In that case I want the content box to completely fill the container. This is important as there is some content which is stuck at the very bottom of the content DIV. I used min-height and when no scrollbars are showing, this works as expected, and everything looks right.
The trouble comes when I try to display content that is short but wide. In that case the container grows horizontal scrollbars and the content that is stuck to the bottom of the content DIV is partly covered by the scrollbars. This is not so good. So far though, I haven't found any way to prevent this. Any ideas?
In brief, I have a fixed-size container DIV in which I'm displaying a variable-sized content DIV. When the content is larger than the container, the container grows scrollbars. That all works as expected.
The problem comes when the content is smaller than the DIV. In that case I want the content box to completely fill the container. This is important as there is some content which is stuck at the very bottom of the content DIV. I used min-height and when no scrollbars are showing, this works as expected, and everything looks right.
The trouble comes when I try to display content that is short but wide. In that case the container grows horizontal scrollbars and the content that is stuck to the bottom of the content DIV is partly covered by the scrollbars. This is not so good. So far though, I haven't found any way to prevent this. Any ideas?
Re: A sample would be best...
As far as I can tell, this is a case (positioning relative to scrollbar) that simply isn't covered by CSS, so there's no way to solve it.