Page 1 sur 1

CSS max-width et IE7 et moins

Posté : mercredi, 17 octobre 2007, 15:00
par astya
Bonjour

mon probleme et que je modifie un annuaire yourphpannuaire. J'aimerais pouvoir pernettre aux webmaster de soumettre une image de leur choix, soit vertical, horizontal, carée etc, donc dans ma feuille de style j'ai precisé pour les images "max-width" et "max-height".

Cela fonctionne tres bien dans FF mais pas dans IE7. Pourtant selon http://www.matizha.com/2007/03/12/css-max-width-et-ie/ et d'autres site du genre, IE7 devrait etre maintenant compatible avec max-width; Hors les images sont toute en taliie reelle, elles ne sont pas redimensionnée. J'ai essayé de faire comme dis sur ce site, rien a faire !! :rolleyes: IE ça me gave :rolleyes:

avez vous une solution ?

Posté : mercredi, 17 octobre 2007, 15:49
par Keroin
Effectivement, "max-width" et "max-height" ne fonctionnent QUE pour IE7 et FF (pas IE6 malheureusement) ces fonctions ne sont pas censées modifier une image (qui a une taille fixe à l'origine).
Elles sont plutôt destinées à étendre le "body" d'une page page jusqu'à une certaine taille mais ne redimenssionnent pas les élément se trouvant à l'intérieur du conteneur div.
C'est déjà étonnant que ça fonctionne avec FF car ce n'est pas vraiment prévu pour ça :saipas:

Si tu veux proposer aux webmasters de mettre plusieurs formats d'images il faut plutôt ajouter des options (facultatives) dans le formulaire de saisie des informations du site.
Par exemple : mettre sous l'option des thumbnails, une ligne bannière avec un champ de saisie de l'url de la bannière.
Enregistrer l'url de la bannière dans la BDD et ensuite appeler cette url à l'endroit où tu souhaites la voir apparaitre.
Pour un exemple, Anoduweb le fait dans ces fiches détaillées.

Sans bannière : -http://www.anoduweb.com/site-5760.html
Avec bannière : -http://www.anoduweb.com/site-6443.html

On peut également faire une condition php indiquant de ne rien mettre si aucune bannière n'est renseignée. ;-)

Posté : mercredi, 17 octobre 2007, 16:46
par astya
ok, merci. Ce n'est pas ça que je voulais faire, mais tant pis je devrais trouvé une autre solution :(

Merci beaucoup.