|
|
Posted by Roy A. on 02/09/07 02:45
On 8 Feb, 22:15, Ben C <spams...@spam.eggs> wrote:
> On 2007-02-08, wombat <6...@k.com> wrote:
>
> > Ok, since IFRAME didn't work for me.. I'm back to trying to use DIV.
>
> > What I have been trying to do is use DIV to force output to scroll if it
> > exceeds the given height and width of the TD that contains the DIV. The
> > TD is 50% of the screen in both height and width and I tried using
> > overflow: scroll for the DIV tag but the output is still pushing the
> > size of the TD beyond what I had it set for (and the scroll bar for the
> > DIV tag still appears as it's supposed to with its overflow setting). Is
> > it possible to force DIV to not push the height and width settings for
> > the TD?
>
> Setting height and width on the DIV (and overflow: scroll) should do it.
>
> But you need to set them to actual values, not percentages, which is not
> what you want.
>
> I don't see why percentages shouldn't work (after all the dimensions of
> the containing block are resolvable), but they don't in Opera, Firefox or
> Konqueror.
Yes, the dimensions of the containing block are resolvable, but who
should resolve it? You or the browser?
The initial value for the height property is auto. For most containing
blocks this means 0.
http://www.w3.org/TR/REC-CSS2/visudet.html#propdef-height
What auto means for the initial containing block is also specified.
"The height of the initial containing block may be specified with the
'height' property for the root element. If this property has the value
'auto', the containing block height will grow to accommodate the
document's content."
http://www.w3.org/TR/REC-CSS2/visuren.html#containing-block
And since the height property is auto for "all elements but non-
replaced inline elements, table columns, and column groups", that
means that Opera, Firefox and Konqueror does what you could expect.
Just specify the height of the initial containing block and any
subsequent containing blocks:
html, body, ... { height: 100% }
[Back to original message]
|