Verfasst am: 25.01.2007, 13:30 Titel: Bild in <div> wird in IE6 abgeschnitten. In Firefox ge
Hi,
ich habe ein blödes Problem mit dem - wer hätte es erraten - IE6.
Also ich habe (innerhalb eines kompletten Layouts, aber das tut nix zur Sache) ein <div> mit Namen "content".
Da ist jeweils unterschiedlich viel Text drin und die Höhe dieses Containers passt sich der Textmenge an. Soweit klar, und so soll es auch sein.
Wenn ich jetzt ganz oben ein rechtsbündiges Bild einbaue, also:
<div id='content'>
<img src='bild.jpg' style='float: right;'>
text
text
text
</div>
Dann funktioniert das so lange, als der Textblock höher ist als das Bild.
Wenn wenig Text vorhanden ist, ist die Höhe von 'container' gleich der Texthöhe und das (höhere) Bild wird unten einfach abgeschnitten.
In Firefox funktioniert es - natürlich - wie es soll
Jemand eine Idee ??
Danke
bw
P.S.: Das Codebeispiel soll nur so einfach wie möglich das Prinzip verdeutlichen. Natürlich schreibe ich sonst keine Inline-Styles ...
Hat sich erledigt, habe die Lösung in einem anderen Thread gefunden.
Zitat:
Das Problem ist dadurch entstanden, dass du jetzt die beiden Navis floatest... erstelle am Ende des Content-DIVs ein weiteres DIV, dass du mit folgenden Stylesheet-Eigenschaften versiehst:
