![[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?
no subject
Putting in a bottom margin on the content might work when the scrollbar is there, but it creates a gap when its gone.
no subject
also it depends a lot on which browser you are using. Some browsers do not like css at all.
no subject
no subject