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

Discussion in 'Internet Explorer' started by Ryan Hanekamp, Jan 31, 2006.

  1. 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.
    Ryan Hanekamp, Jan 31, 2006
    1. Advertisements

  2. Dave Massy [MSFT], Jan 31, 2006
    1. Advertisements

  3. Ryan Hanekamp

    Niko Sams Guest

    Please implement min-height.

    imho this is the most-important CSS-feature IE7 should support.
    Niko Sams, Feb 1, 2006
  4. Ryan Hanekamp

    Martin Guest

    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).
    Martin, Feb 1, 2006
  5. Ryan Hanekamp

    Brian West Guest

    It looks like min-height might get fixed afterall. Lets cross our fingers.

    Check out this article

    "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. "
    Brian West, Feb 1, 2006
  6. Ryan Hanekamp

    thechad Guest

    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.

    Andrew Somervell
    thechad, Feb 7, 2006
  7. Ryan Hanekamp

    dreado Guest

    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.
    dreado, Feb 28, 2006
    1. Advertisements

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments (here). After that, you can post your question and our members will help you out.