We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 28042 ☆ A M B ☆
    • 24,524 Posts
    Well, I knew it could be used like that... or something. I really don’t even try to keep up with all the weirdness in IE styling; I just Google for it when I run into something.
      Studying MODX in the desert - http://sottwell.com
      Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
      Join the Slack Community - http://modx.org
      • 23491 ☆ A M B ☆
      • 1,056 Posts
      Ah, one of my favorite hacks! (IE7 does support min-height, BTW.)

      Is there a reason your min-height is 500px and the other height declaration is 530px? In my experience with this hack, I always use the same values and have not had any issues.

      Well, I guess one thing to look out for with this hack is nesting. If you use this min-height hack an an outer div, and then also apply the same hack on an inner div, the inner div will not follow the rule as you may suspect.

      Is this the only instance of the min-height hack in your layout?

      UPDATE: Just saw the link and reviewed the style sheet. It does not appear this is an issue with nested hacks.

      Consider the following:
      min-height: 500px; // IE7 will follow this rule, IE6 will not
      height: auto !important; // IE6 allows height > 530px thanks to IE6 !important bug, even though called before height: 530px rule
      height: 530px; // IE6 will begin with at least this height, never less (hence min-height hack)
      


      http://www.dustindiaz.com/min-height-fast-hack/
        Mike Reid - www.pixelchutes.com
        MODx Ambassador / Contributor
        [Module] MultiMedia Manager / [Module] SiteSearch / [Snippet] DocPassword / [Plugin] EditArea / We support FoxyCart
        ________________________________
        Where every pixel matters.
        • 2901
        • 277 Posts
        Hi pixelchutes
        thanks for this great explanation
        but this is exactly the way my role is written, somehow IE7 ignores the role, so I had created another CSS loading by a conditional call for IE7 with #sidebar as the trigger and this does the trick. But I still don’t understand why IE7 can’t read my role, resp. ignores it in #cLeft. that does not make sense at all to me.