Grafikgrösse an Browserfenster anpassen

[Mojive]

Hallo zusammen,

ich habe ein kleines Problem. Es gibt ja die Möglichkeit, dass bei einer Webseite die Headergrafik grösser ist als das Browserfenster. Wie mache ich das, dass die Grafik bei entsprechend kleinereren Browserfenster (auch Mobil) entsprechend angepasst wird?

Ich kriege das einfach nicht hin

Gruss,
Mojive

 

[Atarimaster]

Zum Beispiel:

<img src="bild.jpg" width="100%" alt="">

(Achtung! Keine height-Angabe!)
Damit passt es sich immer an das Browserfenster an, es wird also vergrößert und verkleinert. Wenn es sich nur verkleinert werden soll, aber nicht über seine reale Größe hinaus vergrößert, funktioniert dieser Code zumindest in Safari & Firefox:

<img src="bild.jpg" style="width:100%;max-width:500px;" alt="">

… die "500px" natürlich durch die tatsächliche Bildgröße ersetzen.

Es kann aber gut sein, dass die zweite Methode im IE nicht richtig funktioniert.

 

[Mojive]

Hat geklappt - vielen, vielen Dank!