Hallo zusammen,
ich habe mich mal an einem Responsive Design versucht, dass zwar nicht auf einem Grid basiert, aber zumindest unterschiedliche Layouts je nach Bildschirmbreite darstellt.
Dazu habe ich mit Media Queries unterschiedliche Stylesheets eingebunden:
desktop.css: only screen and (min-width: 960px)
tablet.css: only screen and (min-width: 768px) and (max-width: 959px)
smartphone.css: handheld,only screen and (max-width: 767px)
Das klappt auch ganz gut, zumindest unter Firefox (z.B. beim Verkleinern des Fensters) und auf mobilen Geräten. Aber leider, wie so oft, nicht unter dem Internet Explorer. Version 8 scheint die "kleineren" Stylesheets nicht einzubinden, und unter IE7 sieht's noch schlimmer aus, das kann ich mir teilweise gar nicht mehr erklären.
Nun beschleicht mich der Verdacht, dass der IE in den älteren Versionen keine Media Queries kennt. Wie kann ich das elegant lösen - vielleicht ein eigenes Stylesheet für IE? Für alle anderen älteren Browser? Oder habt Ihr 'ne bessere Idee?
Würde mich sehr über Anregungen freuen!
Danke!
Gruß Alex
Lesezeichen