balise IMG dimensions fausses, difference entre HTML & DOM, sous IE

balise IMG dimensions fausses, difference entre HTML & DOM, sous IE - HTML/CSS - Programmation

Marsh Posté le 23-11-2007 à 13:31:39    

Rebonjour,
 
Dans une page HTML que je tente de rendre opérationnelle, j'utilise des balises IMG avec un style propres à chacune d'elles.
Si je m'y prends de la sorte :

Code :
  1. <STYLE>
  2. img.drapeau {width:50px;}
  3. </STYLE>
  4. [...]
  5. <IMG class="drapeau" src="file://C:/TRAVAIL/V86/src/web/html/ico/flag/uk_flag.gif" alt="FlagEN" />


 
l'image conservera ses proportions tout en étant étiré à la largeur max disponible.
C'est le comportement normal requis par le W3C.
Cela marche sous IE comme sous FF.
 
Maintenant, si j'emploie cette deuxieme méthode, il y a des différences:

Code :
  1. img.drapeau {width:50px;}
  2. [...]
  3. spanImageListe[i] = document.createElement("IMG" );
  4. spanImageListe[i].setAttribute("src","file://C:/TRAVAIL/V86/src/web/html/ico/flag/" + langues[inputlangues[i]]["flag"]); // nom du fichier drapeau
  5. spanImageListe[i].className = "drapeau";


 
car sous FF, rien de changé, ca marche toujorus pareil, mais sous IE, la mise en page a changée et mon image s'est deformée.
Si on regarde le comme reellement constitué sous IE, on trouve :

<IMG class=drapeau height=33 alt=flagEN src="file://C:/TRAVAIL/V86/src/web/html/ico/flag/uk_flag.gif" width=50>


 
On constate l'apparition de la balise height=33 !!!!
 
D'apres la MSDN, c'est un comportement qui est conditionné par l'usage des !DOCTYPE ... mais je n'arrive absolument pas à trouver le bon doctype pour obtenir le premier comportement...
 
Savez vous ?


Message édité par NounouRs le 23-11-2007 à 13:32:55
Reply

Marsh Posté le 23-11-2007 à 13:31:39   

Reply

Marsh Posté le 23-11-2007 à 14:05:29    

sauf erreur
ne calcule t'il pas automatiquement la hauteur d'une image (si elle ce n'est pas défini) en fonction de son ratio :??:


Message édité par SICKofitALL le 23-11-2007 à 14:05:49

---------------
We deserve everything that's coming...
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed