IE8 - Höhe und Breite von img wird ignoriert

[CKern]

Hallo Zusammen,

ich erstelle derzeit eine Webseite und habe folgendes Problem.
Im Kopf der Seite lade ich über ein Frontendmodul 2 Logos mit img. Die Höhe und Breite gebe ich entsprechend mit width und height vor.
In Firefox, Safari etc. passt alles.

Mein IE8 ignoriert die Angaben.
Schaue ich mit F12 in die Entwicklertools steht bei den Bildern width=auto und height=auto. Klicke ich oben auf "Attribute", werden meine Größenangaben angezeigt.

Warum?

Hier findet ihr die Webseite: http://neu.e-s-p.orgh

[derRenner]

Hallo,

ich kann dir nicht erklären warum und weshalb der IE8 so handelt, aber ich vermute mal, dass er die CSS-Anweisung VORRANGIG den Inline-Styles behandelt. Ich würde die width und height nicht im HTML sondern im CSS deklarieren.
Erstelle mal eine CSS-Anweisung die in etwa so aussieht:

#kopf-logo img {
height: 42px;
width: 145px;
}

[willshedo]

Hi,

Warum der IE den Blödsinn macht, den er macht, ist oft nicht klar.

In deinem Fall würde ich den Bildern je eine Klasse geben und für den IE8 (IE7 auch, übrigens) die height und width jeweils nochmals in der Css-Datei angeben, notfalls mit einem important dahinter. Das müsste der IE8 schlucken.

[CKern]

1000 Dank für eure Hilfe.

Habe es jetzt im CSS in der Form

#kopf-logo img {
height: 42px;
width: auto
}

und es funktioniert.

[cuco]

Habe gerade das gleiche Problem. Wenn man im TinyMCE Bilder einfügt und diesen neue Maße zuweist, werden die in img width und img height inline eingetragen. Das wird von allen Browsern außer IE akzeptiert, nur der IE zeigt die Bilder in voller Größe an... Ich will jetzt aber nicht jedem Bild eine eigene CSS Klasse zuweisen und die Größe dann in der CSS eintragen. Gibt es keine andere Lösung?
Werde jetzt erstmal alle Bilder entsprechend vorher runterrechnen. Aber auch das kann ja nicht das Ziel sein...

Ach ja tritt in allen Versionen von IE auf, Internet Explorer 7 bis 10 habe ich getestet.

[bird]

Guten Morgen,

ich hatte bis eben auch dieses Problem und mir hat das flogende Ticket weitergeholfen:
https://github.com/contao/core/issues/5789

[cuco]

Was genau hat dir denn an dem Ticket weitergeholfen?
Ich hab die Problematik nie weiter verfolgt, aber so wie ich das sehe, ist das Problem in Contao 3.1 behoben, oder?

[Spooky]

width:inherit; sollte eigentlich helfen (hat aber bei manchen auch nicht zum gewünschten Ergebnis geführt, laut Ticket Kommentare).

[bird]

Ja, bei mir hat width:inherit!important; auch nicht zum gewünschten Ergebnis geführt.

Deshalb habe ich in der layout.css den Eintrag "width:auto\9; /* IE8 */" gelöscht, damit war die Anzeige in IE 8 und darunter bei mir wieder korekt. Das ist natürlich keine Update-sichere Lösung.