nicht angemeldet
overflow:auto, dyn. Höhe; width:100% => IE zeigt 2 Scrollbalken
Hallo,
folgender Code ist gegeben:
<table border="0" cellspacing="0" cellpadding="0" width="100%" style="table-layout:fixed;"><tr><td><div style="overflow:auto;width:100%;"><img border="0" alt="" src="(URL)" /></div></td></tr></table>
Dies soll bewirken, dass innerhalb der Thread-/Post-Ansicht eines Forums große Bilder maximal 100% des Bereiches einnehmen, in dem der Text/Post dargestellt wird. Wenn Bilder größer sind, wird ein Scrollbalken angezeigt.
Das funktioniert im Firefox/Mozilla sowie Opera wie gewollt: Ist ein Bild zu breit, wird ein horizontaler Scrollbalken angezeigt.
Aber der IE zeigt dann auch noch einen vertikalen Scrollbalken an, weil er nicht "versteht", dass die Höhe des div dynamisch sein soll, und er diese Höhe so setzen muss, dass das Bild inklusive seinem horizontalem Scrollbalken hineinpassen muss - er setzt die Höhe des div so, dass nur das Bild hineinpasst. Da aber noch ein Scrollbalken da ist, der ja auch eine gewisse Höhe hat, er diese Höhe aber bei der Höhe des div nicht beachtet, wird auch ein vertikaler Scrollbalken angezeigt.
Gibts für dieses Problem eine Lösung? Auch ein height:auto im div wird vom IE ignoriert.
Beispiel:
So sieht es in FF/Opera aus und so soll es auch aussehen: http://mars.luckcrew.de/stuff/overflow_FF.gif
So sieht es ungünstigerweise im IE aus: http://mars.luckcrew.de/stuff/overflow_IE.gif
-
Hi,
Aber der IE zeigt dann auch noch einen vertikalen Scrollbalken an, weil er nicht "versteht", dass die Höhe des div dynamisch sein soll, und er diese Höhe so setzen muss, dass das Bild inklusive seinem horizontalem Scrollbalken hineinpassen muss - er setzt die Höhe des div so, dass nur das Bild hineinpasst. Da aber noch ein Scrollbalken da ist, der ja auch eine gewisse Höhe hat, er diese Höhe aber bei der Höhe des div nicht beachtet, wird auch ein vertikaler Scrollbalken angezeigt.
Ich habe kürzlich auch an dem Problem für Code-Bereiche mit overflow gebastelt und den vertikalen Scrollbalken nicht wegbekommen, aber wenigstens über padding-bottom dafür gesorgt, daß dieser nicht benutzt werden muß.
freundliche Grüße
Ingo