Discussion :

[hei lan]

Bonjour,

j'ai un petit soucis pour adapter une image à la taille d'un div.

Voici la situation, mon div text_body a une taille auto qui va donc varier suivant celle de l'écran ou de la fenêtre. Si je me contente de mettre la balise img dans le div sans lui imposer de limitation, j'obtiens le 2e résultat sur le schéma.

Je me demande donc comment obtenir le resultat 3.
J'ai un début de solution en mettant un max-width sur l'image, mais ça ne me convient pas encore parceque si on réduit la fenêtre en dessous de cette taille on retrouve le résultat 2.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<div id="text">
	<div id="text_top">
	    <div id="text_top_left"></div>
	    <div id="text_top_right"></div>
	</div>
	<div id="text_body">
		<img src="{IMGURL}">
	</div>
	<div id="text_bottom">
	    <div id="text_bottom_left"></div>
	    <div id="text_bottom_right"></div>
	</div>
</div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
#text {background-color:#616161; margin:0px 10px 0 251px; width:auto; vertical-align:top; color:#fff;}
#text_body { padding:10px 20px 10px 20px;}

Merci !

[Alt157]

Bonsoir,

Essayes juste d'ajouter cela à ton css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
#text_body img { width : 100%;}