<div style="max-height + IE7
Snoopy
- css
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?
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
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!