Ergebnis 1 bis 9 von 9

Thema: IE8 - Höhe und Breite von img wird ignoriert

  1. #1
    Contao-Nutzer
    Registriert seit
    16.01.2012.
    Beiträge
    91

    Standard IE8 - Höhe und Breite von img wird ignoriert

    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

  2. #2
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.914
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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:
    Code:
    #kopf-logo img {
    height: 42px;
    width: 145px;
    }

  3. #3
    Gesperrt
    Registriert seit
    23.06.2009.
    Ort
    Rheinfelden
    Beiträge
    322

    Standard

    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.

  4. #4
    Contao-Nutzer
    Registriert seit
    16.01.2012.
    Beiträge
    91

    Daumen hoch

    1000 Dank für eure Hilfe.

    Habe es jetzt im CSS in der Form

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

    und es funktioniert.

  5. #5
    Contao-Nutzer
    Registriert seit
    27.04.2010.
    Ort
    Hannover
    Beiträge
    41

    Standard

    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.
    Angehängte Grafiken Angehängte Grafiken
    Geändert von cuco (19.04.2013 um 02:04 Uhr)

  6. #6
    Contao-Fan
    Registriert seit
    08.07.2009.
    Beiträge
    533

    Standard

    Guten Morgen,

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

  7. #7
    Contao-Nutzer
    Registriert seit
    27.04.2010.
    Ort
    Hannover
    Beiträge
    41

    Standard

    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?

  8. #8
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    35.517
    Partner-ID
    10107

    Standard

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

  9. #9
    Contao-Fan
    Registriert seit
    08.07.2009.
    Beiträge
    533

    Standard

    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.

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •