Ajuster une image à un div
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.
http://grabftp.free.fr/images/schemadiv.JPG
Code:
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:
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 !
