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

Frage Bild responsive machen

K

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?
 
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>
 
Dann sollte es spätestens jetzt funktionieren.
Jetzt, wo du max-width geschrieben hast.
Vergiss das Semikolon nicht!!! Sonst funktioniert es natürlich nicht.
 
Kniffel schrieb:
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>
Zum Vergrößern anklicken....
Code bitte immer über die [Code][/Code] bzw. bei HTML-Code über [Code=HTML][/Code]-BB-Codes posten
Grüße,
Felixprogram
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben