Difference affichage Mozilla et IE

[fred014121 0]

Bonjour a vous tous,

je suis sous PEEL version 4

et j'ai remarqué une difference d'affichage entre IE et Mozilla.

l'image stock le stock et la quantité et ajouter au caddie ne sont pas centré sous mozilla.

http://www.arnodiem.com/Boutique/achat/index.php?catid=57

j'ai chercher sans succès si vous avez une idée,

merci d'avance

Fred

[Gilles Boussin 0]

Il n'y a visiblement pas que le centrage qui pose problème, sous firefox les textes "En stock", "Stock Limité", " Quantité" apparaissent en très gros..

<img src="http://www.arnodiem.com/Boutique/upload/260908_125747_PEEL_6RX5j2.gif" align="absmiddle">

&nbsp;En stock

<br>Quantité :<input class="formulaire1" size="3" name="qte" value="1" type="text">

<br><img src="images/caddie.gif" alt="Ajouter au caddie" title="Ajouter au caddie" align="absmiddle">

<a class="normal" href="java script:document.indexajout649.submit()">Ajouter au caddie</a>

---> Essayez d'encadrer l'ensemble de ce code dans une div avec attribut CSS text-align à center, ou, plus simple, entre des balises <center>...</center>.

[fred014121 0]

Il n'y a visiblement pas que le centrage qui pose problème, sous firefox les textes "En stock", "Stock Limité", " Quantité" apparaissent en très gros..

<img src="http://www.arnodiem.com/Boutique/upload/260908_125747_PEEL_6RX5j2.gif" align="absmiddle">

&nbsp;En stock

<br>Quantité :<input class="formulaire1" size="3" name="qte" value="1" type="text">

<br><img src="images/caddie.gif" alt="Ajouter au caddie" title="Ajouter au caddie" align="absmiddle">

<a class="normal" href="java script:document.indexajout649.submit()">Ajouter au caddie</a>

---> Essayez d'encadrer l'ensemble de ce code dans une div avec attribut CSS text-align à center, ou, plus simple, entre des balises <center>...</center>.

Oui le texte est gros aussi j'avais pas preciser,

tu veux que j'ajoute la balise center mais le probleme c'est que je ne sais pas ou l'ajouter...

[eric-lavoisier 0]

 

[fred014121 0]

ces différences ne sont pas les seules, hélas !

La sémantique, et je l'ai toujours dit sur ce forum, est un des points faibles de Peel.

http://validator.w3.org/check?uri=http%3A%...ine&group=0

Ajouter un div avec un attribut CSS text-align:center est une solution, c'est vrai mais à mon sens elle ne sera pas sémantique et compliquera les éventuelles intervention ultérieures. Plus votre code sera propre, plus le site pourra suivre les évolutions des navigateurs et également s'adapter aux nouveaux navigateurs comme Chrome de Google par exemple ou être plus facilement compatible avec les navigateurs mobiles comme les Iphones etc.

Bon j'ai fait des modifs dans template c'est bon merci

[Gilles Boussin 0]

Je suis d'accord sur les intérêts d'un code prore, mais il s'agissait simplement ici de résoudre un bug ponctuel.

[ael 0]

Je suis d'accord sur les intérêts d'un code prore, mais il s'agissait simplement ici de résoudre un bug ponctuel.

Moi je vous recommande quand même d'utiliser une v5 qui est quand même bcp plus propre qu'une v4