Categories
Web Development

IE and min-height – conquered

Sometimes when you float an image (or a div) inside another div, it may be too big for its container. min-height can correct the problem in Firefox, but with IE, a different approach is necessary.

Share

Sometimes when you float an image (or a div) inside another div, it may be too big for its container. min-height can correct the problem in Firefox, but with IE, a different approach is necessary.

IE essentially ignores min-height if it appears anywhere outside of a table and Microsoft is very clear about it, which is just so nice.

The solution suggested in a comment on this page is:
Set the style on the containing div to have these properties and it will expand as necessary:
overflow: auto;
and then either
height: 100% or width: 100%;

Share
Share