• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage Bild responsive machen

Kniffel

Neues Mitglied
Hallo,
ich habe in CSS ein Bild definiert mit
max.width: 100%;
height: auto;
Wenn ich nun den screen verkleinere, ändert sich die Größe des Bildes nicht.
Sind eventuell noch weitere Angaben zu machen?
 
Werbung:
Zunächst einmal heißt es min-width und nicht min.width. Dann wäre der von dir verwendete Quellcode für eine Beurteilung relevant. Zeig also am besten einen Link zur Seite damit man das nachvollziehen kann.
 
Ich habe die Seite noch nicht im Internet:

<html>
<head>
<style>
div img {
max-width: 100%
height: auto;
}
</style>
</head>
<body>

<div>
<img src="/bilder/Bild21.JPG" alt="xyz" />
<p>Test</p>
<img src="/bilder/Bild21.JPG" alt="uvw" />
</div>

</body>
</html>
 
Werbung:
Dann sollte es spätestens jetzt funktionieren.
Jetzt, wo du max-width geschrieben hast.
Vergiss das Semikolon nicht!!! Sonst funktioniert es natürlich nicht.
 
Ich habe die Seite noch nicht im Internet:

<html>
<head>
<style>
div img {
max-width: 100%
height: auto;
}
</style>
</head>
<body>


<div>
<img src="/bilder/Bild21.JPG" alt="xyz" />
<p>Test</p>
<img src="/bilder/Bild21.JPG" alt="uvw" />
</div>


</body>
</html>
Code bitte immer über die [Code][/Code] bzw. bei HTML-Code über [Code=HTML][/Code]-BB-Codes posten
Grüße,
Felixprogram
 
Zurück
Oben