DIV

[wombat]

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?

 

[Jonathan N. Little]

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?

URL?

Maybe you should be using a table to begin with. Does the table cells
have padding, borders? Table have borders collapsed? Who knows what your
problem is since we have no evidence.

 

[Ben C]

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.

The other option is not to use a <td>, what's the context?

 

[Roy A.]

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% }

 

[Ben C]

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.

You right, I was overlooking the fact that the body's height is auto.

[...]

Just specify the height of the initial containing block and any
subsequent containing blocks:

html, body, ... { height: 100% }

Exactly, and this confirms what's going on.

 

[wombat]

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.

The other option is not to use a <td>, what's the context?

Yep I tried all that, everything down to the BODY I had set to 100%
except for the containing TD which was set at 50% (there was a TD below
it at 50%), and the DIV in the upper TD was set at 100%.. still it
pushed the cel below it and beyond the bottom of the browser. I've since
switched to using frames. Not what I wanted, but have to defeat this
monster. Thanks.