Page 1 sur 1

Ne pas éclater mes div avec des img trop grandes

Posté : 03 nov. 2010, 11:13
par foetus69
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.

Re: Ne pas éclater mes div avec des img trop grandes

Posté : 03 nov. 2010, 11:43
par Lupuz
Je n'ai jamais essayé mais un style width:100% devrait fonctionner.

Re: Ne pas éclater mes div avec des img trop grandes

Posté : 03 nov. 2010, 16:38
par AB
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

Re: Ne pas éclater mes div avec des img trop grandes

Posté : 03 nov. 2010, 17:08
par foetus69
Merci, c'est effectivement ce que je pensais mais j'ai maintenant confirmation :pouce:

Re: Ne pas éclater mes div avec des img trop grandes

Posté : 03 nov. 2010, 18:06
par jojolapine
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%; }
?