Coding | CSS | Javascript

Internet-Explorer 8 max-width Bug behandeln

ie8 3

Betroffen sind hiervon Bilder mit fixer Breite in den CSS-Stilen. Der Bug trat auf, als es darum ging, Bilder für mobile Geräte zu verkleinern, sobald ihre Breite 50 Prozent der Breite des Artikels überschreiten würde. Ein CSS-Beispiel dafür

.entry-content .wp-post-image { width:300px; max-width:50%; height:auto; }

IE 7 hielt die Proportionen krrekt bei, IE 9 auch (wieder), Internet-Explorer 8 benötigt hierfür jedoch “Unterstützung”, um keine verzerrte Darstellung zu liefern. Eine Lösung beschreibt verlinkter Artikel.

Da die Maße der Artikelbilder von WordPress als Attributwerte angegeben werden, bietet sich diese Formatierung an (macht auch IE8 richtig):

.entry-content .wp-post-image { width:auto; max-width:50%; height:auto; }

weiter schmökern

Schreibe einen Kommentar

Bitte Kommentarfunktion nicht für Supportanfragen nutzen. Dem kann hier nicht entsprochen werden.

Deine E-Mail-Adresse wird nicht veröffentlicht.