28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Je suis un peu surpris de ne pas avoir su trouver quoi que ce soit d'intéressant sur ce point... Ai-je mal cherché ?

Je cherche à ajuster la taille d'une image en proportion de la taille de la fenêtre du navigateur (ou de l'élément parent, lui-même dimentionné proportionnellement à ...). Mon cas est l'obtention d'un titre en image : il doit être visible entièrement même lorsque la fenêtre du navigateur n'est pas maximisée et/ou en faible résolution, et ne pas être minuscule dans une fenêtre 1600x1200 !

J'ai essayé le plus évident : un width: 100% dans les propriétés CSS de l'image. Ca fonctionne nickel avec Opera, IE6 et IE7. Mais Firefox refuse de dimensionner correctement l'image (il semble que pour Opera, le 100% s'applique à la taille du conteneur, mais à la taille originale de l'image pour Firefox !!!).

Bug Firefox ? Y a-t-il moyen de contourner le problème ? (j'aimerais éviter le javascript dans la mesure du possible)

Je n'ai testé qu'avec la version 2.0.0.6 de Firefox... Mais puisque le problème se pose au moins avec cette version, il faut que j'y trouve une solution !
Modifié par jibe74 (22 Aug 2007 - 08:50)
Bonjour,

jibe74 a écrit :
Ai-je mal cherché ?

Oui, et surtout pas au bon endroit Smiley biggrin

L'ami google n'y pouvait pas grand chose : il s'agissait en fait d'un problème dû à une des extensions de Firefox ! Je n'ai pas encore déterminé laquelle, en ayant plusieurs... Je soupçonne Image Zoom ou Window Resizer, mais sans autre raison que le simple fait qu'elles agissent sur la dimension de la fenêtre ou de l'image...