Snoopy: <div style="max-height + IE7

Hallo,

ich benutze folgenden code um ein div bereich in einer Tabelle auf bestimmte grössen zu beschrängen.

<td>
<div style="overflow:scroll;border:solid 1px red;max-height:550px;min-height:420px">

Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>

</div>
</td>

der IE 7 kann ja eigentlich max-height:550px, nur leider wird bei mir im IE7das Feld belibig gross.
Die Tabelle selbst ist auch per div plaziert, fals das etwas zu bedeuten hat?

  1. Versuch's damit:

    <div
       style="overflow:auto;
              border: 1px solid red;
              max-height:550px;
              min-height:420px;
              height:auto !important;
              height:500px;"
        >

    Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>Inhalt<p>

    </div>

    Hier hast du mal eine Demo:

    http://mw88.mw.funpic.de/home/dateien/maxwidth-hack.html

    Absolut standardkonform, für alle Zweifler.
    mfg, Osiris

    1. eines noch: lass bitte die leeren <p> tags raus, um einen Umbruch zu erzeugen sollte man den Tag <br/> benutzen.
      In jeden Tag nach dem Schema <tag>inhalt</tag> gehört auch ein Inhalt!