Hallo!
Ich habe ein Bild das im Organal 2000x500 Pixel Groß ist.
Doch mit der Höhe habe ich ein Problem. Wenn ich den Browser zusammenschiebe passt sich zwar das Bild der Breit an, also es wird schön klein, doch eben auch die Höhe schiebt sich zusammen. Was grundsätzlich nicht Verkehr ist.
Doch es müsste sich auf der WERT height:200px; Prozentual verkleinern
Kannst du das bitte nochmal in verständlichem Deutsch formulieren?
Soll das Bild jetzt immer sein ursprüngliches Seitenverhältnis behalten, oder was?
Und wenn das Bild eine maximale Höhe von 200px haben soll, warum verkleinerst du es dann nicht, sondern schickst jedem Besucher einen 2000px x 300px großen Streifen mit, der gar nicht gebraucht wird?
Und reden wir hier eigentlich von einem "richtigen" Image (<img>), oder von einer Hintergrundgrafik?
.box {
height:200px;
width:100%;
background: url(bild.jpg)top center no-repeat #ff0000;
background-size: 100% auto;
}
CSS Code ohne den zugehörigen HTML Code ist "sinnfrei".
Gruß Gunther