Bildbreite in Absolute-positioniertem Container

[Cheatah]

Hi,

Dafür soll es absolut-positioniert werden und steckt zu diesem Zweck in einem Container. Es soll über die gesamte Breite gehen. Wenn ich aber den Container positionieren, wird das Bild im Firefox auf Originalgröße reduziert. Der IE machts richtig.

*seufz* nein, macht er nicht. Bitte trenne *scharf* zwischen "richtig" und "wie gewünscht" - diese beiden Dinge sind radikal unterschiedlich.

<div style="position: absolute"><img src="breitundflach.gif" width=100%></div>

Die Breite eines absolut positionierten Elements richtet sich nach dessen Inhalt. In Folge dessen ergibt es keinen Sinn, dem Inhalt eine Breite zu geben, die sich nach dem umgebenden (also absolut positionierten) Element richtet. Die Katze beißt sich hier in den Schwanz. Zur Lösung des Problems haben derlei Werte innerer Elemente das Verhalten auferlegt bekommen, als wäre der Wert überhaupt nicht angegeben worden. Folge: Das Bild hat die Größe seiner intrinsischen Dimensionen. Jedes andere Verhalten, beispielsweise das des IE, ist vollkommen falsch. Wenn Du möchtest, dass eine andere Größe vorliegt, so gib diese dem Inhalts- oder dem absolut positionierten Element an.

<div align=center><img src="schmalundhoch.jpg" height=100%></div>

Das align-Attribut hat in HTML nichts verloren, <img>-Elemente benötigen *zwingend* ein alt-Attribut. Kleide *alle* Attributwerte in Quotes.

Cheatah