Page 1 sur 2

Différence d'affichage en Firefox et Explorer

Posté : 22 juin 2008, 14:16
par Neutre
Bonjour,

Mon site fonctionne assez bien avec Firefox 2 et 3. Par contre, sous IE7, mes tableau, générés par wswin et inclus dans des iframes, ne rentrent pas dans le même espace, défini en pixels que dans Firefox (voir www.meteovilliers.fr).

En cherchant, je me suis aperçu que l'espacement interligne est plus grand dans IE7 que dans Firefox mais mes connaissances en programmation HTML étant voisines de zéro, je n'arrive pas à trouver une propriété qui me permettrait de fixer à une même valeur cet espacement dans les deux navigateurs.

Une idée ?

D'avance merci à ceux qui savent !

Posté : 22 juin 2008, 14:51
par chriss
augmente la taille de ton iframe

Posté : 22 juin 2008, 15:56
par Neutre
Mais Chriss c'est ce que je voudrais éviter.

Mon tableau, dans l'Iframe, est sur un BODY de couleur grise qui me sert à faire une bordure qui me va bien.

Si j'augmente la longueur de l'Iframe, comme le tableau est moins long dans FF que dans IE, j'obtiens dans FF une bande trop importante dans le bas de l'Iframe.

Bref, c'est bien dommage que les deux navigateurs ne se comportent pas de la même façon (mais ce n'est pas nouveau).

L'interligne de FF dans les tableaux Wswin me convient bien. Comment faire pour le forcer à la même valeur dans IE ?

Posté : 23 juin 2008, 07:55
par Neutre
Et en regardant de plus près, la différence d'interligne (avec <BR>) entre IE et FF s'est aggravé avec Firefox3, cet interligne s'étant réduit entre FF2 et FF3. Ce qui n'arrange pas ma présentation. ... :cry:
Cordialement

Posté : 23 juin 2008, 11:42
par chriss
ton hébergeur accepte-t-il le PHP dans des pages html ?

Posté : 23 juin 2008, 12:57
par webmaster
Bonjour,

Il te suffit de figer la hauteur de ton tableau laissée libre actuellement !
Tu imposes une largeur de 715 pixels, mais pas de hauteur, pourquoi donc ?
En fixant la hauteur à 150 pixels et en centrant l’ensemble, ton affichage restera le même dans les deux navigateurs.

Posté : 23 juin 2008, 14:37
par chriss
J'y avais pensé. Mais pour moi comme la hauteur est minimal dans ce cas (juste de quoi plaçer les ligne), alors l'ajustement sera automatique.
Où alors, il faudrait augmenter la hauteur du tableau et la fixer de façon à ce que les 4 lignes passent dans FF et IE.
Mais sinon moi je pensais à la fonction include de PHP afin d'intégrer directement le tableau dans la page et ne plus avoir de problèmes avec les IFRAME

Posté : 23 juin 2008, 15:03
par webmaster
Oui c’est çà, tu augmentes un peu la taille du tableau en imposant 150 pixels, puis tu le centre de l’iframe.
Le PHP est une solution, mais ce n’est pas utile dans ce cas précis.
Sinon tu peux toujours faire un script qui teste le navigateur :lol: puis diriger sur deux tableaux différents….

Posté : 23 juin 2008, 19:43
par Neutre
Merci à tous les deux pour vos échanges !

Je viens de faire différents tests qui montrent que la hauteur du tableau ne règle pas tout. En effet, la taille du tableau est presque équivalente dans FF3 et IE7 quand la hauteur arrive à 170px ; quand je la réduis, la différence de rendu s'accroit, IE7, diminuant moins, règle en main, que FF3...

Ce compromis, qui écarte les lignes un peu trop à mon gout, permet cependant un affichage correct dans les deux navigateurs ! Je vais essayer de regarder comment la hauteur de cellule, que j'avais pourtant définie dans le fichier initial, mais trop faible, pèse sur le résultat final.

Cordialement

Posté : 23 juin 2008, 21:48
par webmaster
Bon une autre solution, toujours très simple et en HTML.
Dans l’iframe :
Tu modifies l’épaisseur de ton cadre en mettant une bordure de 15 grise, tu définis ensuite un fond de page blanc.

De cette manière ton cadre suivra la taille du tableau, et ça malgré une différence de hauteur suivant les différents navigateurs, le blanc amortissant la différence de hauteur se mélangera à celui de ta page maître.

De plus ton cadre sera réalisé d’une manière beaucoup plus :wink: conventionnelle.

Posté : 06 juil. 2008, 19:15
par Neutre
Rieux,
En essayant ton idée je n'arrive pas à obtenir un cadre homogène mais je ne connais pas grand chose en programmation html donc je n'ai peut être pas trouvé le bon code.
C'est à dire que dans mon test, les bordures basse et droite sont plus plus foncées que les haute et gauche, même en utilisant bordercolordark et bordercolorlight avec les même valeurs.
Cordialement
Jean

Posté : 06 juil. 2008, 19:58
par webmaster
Et bien il ne faut pas rester sur un échec !
Il me semble que Firefox ne sait pas interpréter cette option de commande, n’utilise que bordercolor tout simplement.

Posté : 06 juil. 2008, 20:26
par Neutre
C'est kif-kif avec bordercolor, et même plus accentué qu'avec les deux autres commandes dark et light sous Firefox alors que cela fonctionne avec IE7 !
Je suis donc resté avec ma méthode hétérodoxe
Cordialement (et merci pour l'aide)
Jean

Posté : 07 juil. 2008, 08:07
par webmaster
Bonjour,

Je pense que tu as fait une erreur quelque part, je suis certain que cela fonctionne parfaitement.

Colle ce code dans le fichier TXT qui sert de modèle à Wswin pour générer ton tableau, à la place des lignes équivalentes.
Pour moi tu peux retirer le point d’interrogation et l’espace qui n’ont rien à faire là d’ailleurs….

<BODY bgcolor="#FFFFFF" ?>
<div align="center">
<TABLE height=170 width=715 bgColor=#ffffd4 border=10 bordercolor="#C0C0C0">

Ensuite passe ton iframe à 200 pixel de haut à la place de 190.

Posté : 07 juil. 2008, 18:51
par Neutre
Bonsoir Rieux,

Je viens de refaire le test et j'ai compris mon erreur. Je me suis fié à l'aperçu de Komposer qui donne un affichage du type de celui que j'indiquais alors que sous IE7 ou Firefox l'affichage est correct...

Bref, je manque encore un peu de méthode. Merci de ta persévérance !

Cordialement

Jean