> I want the div to always stay large enough for the graphic. I can get it
> to work in Firefox but not IE. Any suggestions for something to force IE
> into line?
>
> Juli
Hey Juli,
the best way to do this is to give IE a height value equal to the
minimum height that you want, in this case 300px; IE uses the height
value just like a min-height already, and if contents stretch beyond
it's height value then that container will still continue to stretch.
Then what you then need to do is override that height value for other
browsers, because the will not stretch the container's height for its
contents. for example:
.box
{
height: 300px; /* ie's min-height equivalent */
min-height: 300px;
}
/* this uses the first child selector that IE doesn't understand to
remove height restrictions */
html>body .box
{
height: auto;
}
There is a rumor that the new version of IE (IE7) will complicate this
fix however (and probably better decribe what I'm showing you). You
can read more about it here
http://www.positioniseverything.net/articles/ie7-dehacker.html
hope this helps,
-Justin Reid
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
