Ne pas éclater mes div avec des img trop grandes

Eléphant du PHP | 363 Messages

03 nov. 2010, 11:13

Bonjour,

J'ai, je pense la réponse, mais on ne sait jamais.

Existe t-il d'un moyen de brider la largeur d'une image, d'un média en fonction de la taille d'une div ?

Exemple :

soit i une image de 600px
soit d une div de 300 px

Si je mets i dans d, d explose en théorie. Puis-je dire à i de se formater à la largeur de d sans toucher directement à sa largeur, genre une propriété spéciale...Je crois que non.

Have a nice day !

F.
Dis-donc fossoyeur, t'as une dent contre moi ou quoi ?

Eléphanteau du PHP | 40 Messages

03 nov. 2010, 11:43

Je n'ai jamais essayé mais un style width:100% devrait fonctionner.
Des icones, des RFC

ViPHP
AB
ViPHP | 5818 Messages

03 nov. 2010, 16:38

Tu n'y arriveras pas en html (enfin je vois pas comment).

Une piste avec php et getimagesize
Une autre piste avec javascript et offsetWidth offsetHeight

Eléphant du PHP | 363 Messages

03 nov. 2010, 17:08

Merci, c'est effectivement ce que je pensais mais j'ai maintenant confirmation :pouce:
Dis-donc fossoyeur, t'as une dent contre moi ou quoi ?

ViPHP
ViPHP | 3607 Messages

03 nov. 2010, 18:06

J'ajoute éventuellement une solution css qui ne fonctionnera pas sur beaucoup de navigateurs (voir aucuns, j'ai pas testé :) )
Le

Code : Tout sélectionner

width:100%
n'est pas une bonne idée car si l'image est plus petite elle sera étirée...
Par contre pourquoi ne pas tester un

Code : Tout sélectionner

img { max-width:100%; }
?