[Résolu] Taille image différente selon navigateur ?

Salut à tous !!

Je suis en train de développer une page et je me demandais s'il était possible de renseigner dans le html, voir dans le CSS, une taille différente en fonction du navigateur ?

Par exemple, sur Firefox mon image aurait les attributs [...]width="300" height="150" mais sur InternetExplorer elle ferait 350 pixel de hauteur au lieu de 300.

Je sais qu'il existe des moyens de bidouiller les margin & padding dans le CSS, avec par exemple la balise !important mais je n'arrive pas à adapter ça pour la taille d'une image...

Quelqu'un aurait une piste ou une idée pour régler mon problème ?
Merci de vos réponses
Modifié par BeaRRRR (12 Sep 2009 - 13:35)

BeaRRRR a écrit :
je me demandais s'il était possible de renseigner dans le html, voir dans le CSS, une taille différente en fonction du navigateur ?

De manière fiable et pour n'importe quel navigateur? Non.
De manière fiable uniquement pour Internet Explorer? Oui, via les commentaires conditionnels. Cependant, il est conseillé d'éviter autant que possible de produire plusieurs bases de code différentes, car cela multiplie les difficultés de maintenance (en cas d'évolution ou de modifications, il faut faire les modifs sur chaque base de code...).

BeaRRRR a écrit :
Je sais qu'il existe des moyens de bidouiller les margin & padding dans le CSS, avec par exemple la balise !important

Sauf que ce hack qui exploite un bug dans l'implémentation du marqueur !important ne concerne qu'IE6.
Cf. http://covertprestige.info/css/ie6-important/
Modifié par Florent V. (04 Sep 2009 - 08:32)

Merci de ta réponse
Donc au fait pour ceux qui chercheraient la réponse il s'agirait de mettre :

[...]
<!--[if !IE]> <!-->
<img src="lien" width="300" heigh="150">
<!--> <![endif]-->
<!--[if IE]>
<img src="lien" width="350" heigh="150">
<![endif]-->
[...]

ou plus propre de faire ça via CSS
Modifié par BeaRRRR (04 Sep 2009 - 13:44)

Bonjour,
au passage ne pas oublier de d'ajouter l'attribut alt (alt="") (à renseigner si nécessaire).