Tutorials
Einige nützliche Hilfen und Code-Schnipsel, die ich immer wieder benötige und deshalb hier für alle sammle.
Zurück zur Übersicht
IE8 Responsive Webdesign - Bilder verzerrt/zu hoch
#Tutorials#CSS
Bei vielen Entwicklern und Kunden tritt häufig das Problem auf, dass Bilder auf responsive Webseiten völlig verzerrt im IE8 aussehen. Das Problem kommt nur vom CSS und lässt sich sehr leicht lösen. Die meisten Entwickler benutzen folgenden Code um ihre Bilder responsive zu machen:
img {
height: auto;
max-width: 100%;
}
Das Ganze funktioniert auch wunderbar in allen modernen Browser und im IE aber Verion 9.
Um den Fehler im IE8 zu beseitigen muss man nur eine Breite ins CSS angeben. Also einfach:
img {
height: auto;
max-width: 100%;
width: auto; // wichtig für IE8
}
Ich hoffe das die Lösung auch bei euch funktioniert ;)
Kommentare
Es gibt noch keine Kommentare. Sei der Erste!
Hinterlasse einen Kommentar