October 26th, 2002, 11:48 PM
Help with making CSS overflow property cross-browser compliant
I would like to create a <div> box with CSS that takes up 100% of the screen height - at a minimum. If there is enough content in the box to overflow it, I would like the box to expand downward to show this extra content.
I have this functionality in IE 5-6. All I have to do is set the <div> box height to 100% in the CSS declaration. However, I understand that this only works because IE 5-6 incorrectly implements the overflow property (see <http://www.xs4all.nl/~ppk/css2tests/overflow.html>).
However, as that page explains, in Netscape6/Mozilla1+, the content (correctly) overflows outside of the box and the box does not expand.
Does anyone have a solution that works for me in both IE and NS/Mozilla? Thanks in advance.
October 27th, 2002, 07:45 AM
To get this behaviour in Mozilla you can use: min-width:100%
October 28th, 2002, 02:51 PM
Thanks, that's very handy! Of course, IE's implementation of the min/max-width and min/max-height declarations is so limited some have referred to it as silly. Sigh. Mozilla wins again (I've already had to compensate for the fact that IE incorrectly renders box borders).
October 28th, 2002, 03:37 PM
min-height:100% will work in Mozilla,Konqueror and Opera.IE has a very bad implentation of CSS ,it supports only a small part and the part that it supports is implented very quirky.