IE7 beta2 fixes CSS 'height' but has no support for 'min-height'  
Author Message
cauldeb





PostPosted: Tue Jan 31 16:16:31 CST 2006 Top

Internet Explorer / IE >> IE7 beta2 fixes CSS 'height' but has no support for 'min-height'

In IE versions up to 6.0 (and Mac IE through 5.x for that matter), the CSS
property 'height' has been incorrectly implemented with functionality that
actually matches the 'min-height' property. 'height' is supposed to designate
the total height of an object and clip any content that is larger than the
box. 'min-height' sets the height if the content is smaller than the box, but
allows content to expand the box instead of clipping it.

IE7 now correctly implements the 'height' property and clips content larger
than the box, but does not recognize the 'min-height' property at all. Boxes
can now either be forced to an explicit size regardless of smaller or larger
content, or expand with content. An expandable box with a minimum height is
no longer possible.

It has been a common practice to create an expandable box with a minimum
height by setting the 'min-height' property for non-IE browsers and setting
'height' where only IE can see it (via hacks, conditional comments, or
browser detection). Even by changing this arrangement so IE7 sees a
'min-height' and hides a 'height', it ignores the instruction.

I have tested this with XHTML 1.0 Transitional and Strict doctypes, no XML
prolog. I verified with Firefox that the 'min-height' is the correct spelling
for this property and I compared 'height', 'min-height', and blank statements
alternately within the same selector to make sure it wasn't merely obscured
by my conditional comment and 'html>body #content' child selector.


-Ryan Hanekamp

----------------
This post is a suggestion for Microsoft, and Microsoft responds to the
suggestions with the most votes. To vote for this suggestion, click the "I
Agree" button in the message pane. If you do not see the button, follow this
link to open the suggestion in the Microsoft Web-based Newsreader and then
click "I Agree" in the message pane.

http://www.hide-link.com/ ;dg=microsoft.public.internetexplorer.general

Internet Explorer6  
 
 
Dave





PostPosted: Tue Jan 31 16:16:31 CST 2006 Top

Internet Explorer / IE >> IE7 beta2 fixes CSS 'height' but has no support for 'min-height' Hi Ryan,
Great observations. Take a look at an article we have just published at
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/IETechCol/cols/dnexpie/ie7_css_compat.asp
where we outline some of the significant work we have undertaken in IE7 for
CSS and how it can affect some sites. We know we have more work to do in
this area moving forward and are looking at how far we can get in this
release.

Thanks
-Dave




> In IE versions up to 6.0 (and Mac IE through 5.x for that matter), the CSS
> property 'height' has been incorrectly implemented with functionality that
> actually matches the 'min-height' property. 'height' is supposed to
> designate
> the total height of an object and clip any content that is larger than the
> box. 'min-height' sets the height if the content is smaller than the box,
> but
> allows content to expand the box instead of clipping it.
>
> IE7 now correctly implements the 'height' property and clips content
> larger
> than the box, but does not recognize the 'min-height' property at all.
> Boxes
> can now either be forced to an explicit size regardless of smaller or
> larger
> content, or expand with content. An expandable box with a minimum height
> is
> no longer possible.
>
> It has been a common practice to create an expandable box with a minimum
> height by setting the 'min-height' property for non-IE browsers and
> setting
> 'height' where only IE can see it (via hacks, conditional comments, or
> browser detection). Even by changing this arrangement so IE7 sees a
> 'min-height' and hides a 'height', it ignores the instruction.
>
> I have tested this with XHTML 1.0 Transitional and Strict doctypes, no XML
> prolog. I verified with Firefox that the 'min-height' is the correct
> spelling
> for this property and I compared 'height', 'min-height', and blank
> statements
> alternately within the same selector to make sure it wasn't merely
> obscured
> by my conditional comment and 'html>body #content' child selector.
>
>
> -Ryan Hanekamp
>
> ----------------
> This post is a suggestion for Microsoft, and Microsoft responds to the
> suggestions with the most votes. To vote for this suggestion, click the "I
> Agree" button in the message pane. If you do not see the button, follow
> this
> link to open the suggestion in the Microsoft Web-based Newsreader and then
> click "I Agree" in the message pane.
>
> http://www.microsoft.com/communities/newsgroups/list/en-us/default.aspx?mid=52694aff-9bfa-4936-bd01-f1a8cf831976&dg=microsoft.public.internetexplorer.general


 
 
NikoSams





PostPosted: Wed Feb 01 04:48:19 CST 2006 Top

Internet Explorer / IE >> IE7 beta2 fixes CSS 'height' but has no support for 'min-height' Please implement min-height.

imho this is the most-important CSS-feature IE7 should support.
 
 
Martin





PostPosted: Wed Feb 01 11:17:31 CST 2006 Top

Internet Explorer / IE >> IE7 beta2 fixes CSS 'height' but has no support for 'min-height'
I second Ryan Hanekamps observation/suggestion. If you fix the height
rendering behaviour but do not implement min-height there will be no
workaround for developers and a lot of sites will break. This will be a bad
thing (tm).

 
 
Brian





PostPosted: Wed Feb 01 13:57:24 CST 2006 Top

Internet Explorer / IE >> IE7 beta2 fixes CSS 'height' but has no support for 'min-height' It looks like min-height might get fixed afterall. Lets cross our fingers.

Check out this article
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/IETechCol/cols/dnexpie/ie7_css_compat.asp

"If you have dynamic content that requires changes to your box size on the
fly. This can happen if you insert content dynamically, or you did not
specify a font size and the user changes it as part of the user settings.

There is a declarative solution using min/max width/height properties, which
are currently not supported. The change of the overflow behavior is the
precursor to be able to support these properties. We are currently working on
implementing these but until they become available you can use a script
solution similar to the one shown in the following code sample. "



> In IE versions up to 6.0 (and Mac IE through 5.x for that matter), the CSS
> property 'height' has been incorrectly implemented with functionality that
> actually matches the 'min-height' property. 'height' is supposed to designate
> the total height of an object and clip any content that is larger than the
> box. 'min-height' sets the height if the content is smaller than the box, but
> allows content to expand the box instead of clipping it.
>
> IE7 now correctly implements the 'height' property and clips content larger
> than the box, but does not recognize the 'min-height' property at all. Boxes
> can now either be forced to an explicit size regardless of smaller or larger
> content, or expand with content. An expandable box with a minimum height is
> no longer possible.
>
> It has been a common practice to create an expandable box with a minimum
> height by setting the 'min-height' property for non-IE browsers and setting
> 'height' where only IE can see it (via hacks, conditional comments, or
> browser detection). Even by changing this arrangement so IE7 sees a
> 'min-height' and hides a 'height', it ignores the instruction.
>
> I have tested this with XHTML 1.0 Transitional and Strict doctypes, no XML
> prolog. I verified with Firefox that the 'min-height' is the correct spelling
> for this property and I compared 'height', 'min-height', and blank statements
> alternately within the same selector to make sure it wasn't merely obscured
> by my conditional comment and 'html>body #content' child selector.
>
>
> -Ryan Hanekamp
>
> ----------------
> This post is a suggestion for Microsoft, and Microsoft responds to the
> suggestions with the most votes. To vote for this suggestion, click the "I
> Agree" button in the message pane. If you do not see the button, follow this
> link to open the suggestion in the Microsoft Web-based Newsreader and then
> click "I Agree" in the message pane.
>
> http://www.microsoft.com/communities/newsgroups/list/en-us/default.aspx?mid=52694aff-9bfa-4936-bd01-f1a8cf831976&dg=microsoft.public.internetexplorer.general
 
 
thechad





PostPosted: Tue Feb 07 14:55:27 CST 2006 Top

Internet Explorer / IE >> IE7 beta2 fixes CSS 'height' but has no support for 'min-height' Hear, hear.

Please work to remove any doubt that this will be in the final release, it
makes a huge difference to dynamic content sites.

Regards,
Andrew Somervell



> In IE versions up to 6.0 (and Mac IE through 5.x for that matter), the CSS
> property 'height' has been incorrectly implemented with functionality that
> actually matches the 'min-height' property. 'height' is supposed to designate
> the total height of an object and clip any content that is larger than the
> box. 'min-height' sets the height if the content is smaller than the box, but
> allows content to expand the box instead of clipping it.
>
> IE7 now correctly implements the 'height' property and clips content larger
> than the box, but does not recognize the 'min-height' property at all. Boxes
> can now either be forced to an explicit size regardless of smaller or larger
> content, or expand with content. An expandable box with a minimum height is
> no longer possible.
>
> It has been a common practice to create an expandable box with a minimum
> height by setting the 'min-height' property for non-IE browsers and setting
> 'height' where only IE can see it (via hacks, conditional comments, or
> browser detection). Even by changing this arrangement so IE7 sees a
> 'min-height' and hides a 'height', it ignores the instruction.
>
> I have tested this with XHTML 1.0 Transitional and Strict doctypes, no XML
> prolog. I verified with Firefox that the 'min-height' is the correct spelling
> for this property and I compared 'height', 'min-height', and blank statements
> alternately within the same selector to make sure it wasn't merely obscured
> by my conditional comment and 'html>body #content' child selector.
>
>
> -Ryan Hanekamp
>
> ----------------
> This post is a suggestion for Microsoft, and Microsoft responds to the
> suggestions with the most votes. To vote for this suggestion, click the "I
> Agree" button in the message pane. If you do not see the button, follow this
> link to open the suggestion in the Microsoft Web-based Newsreader and then
> click "I Agree" in the message pane.
>
> http://www.microsoft.com/communities/newsgroups/list/en-us/default.aspx?mid=52694aff-9bfa-4936-bd01-f1a8cf831976&dg=microsoft.public.internetexplorer.general
 
 
dreado





PostPosted: Tue Feb 28 03:39:27 CST 2006 Top

Internet Explorer / IE >> IE7 beta2 fixes CSS 'height' but has no support for 'min-height' Please include min-height, it will help reduce the amount of websites that
will suddenly look messed up when IE 7 is released. I feel this really has to
happen if height is now going to behave properly, especially as the * html
hack will no longer be effective.