Différence d'affichage en Firefox et Explorer
-
- Participation 2
- Messages : 136
- Enregistré le : 20 avr. 2008, 09:29
- Localisation : Les Vans (Ardèche)
- Contact :
Différence d'affichage en Firefox et Explorer
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 !
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 !
-
- Participation 2
- Messages : 136
- Enregistré le : 20 avr. 2008, 09:29
- Localisation : Les Vans (Ardèche)
- Contact :
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 ?
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 ?
- chriss
- Participation 5
- Messages : 946
- Enregistré le : 31 mai 2007, 16:30
- Localisation : Plévenon (22)
- Contact :
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
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
- webmaster
- Site Admin
- Messages : 2611
- Enregistré le : 12 déc. 2006, 20:54
- Localisation : Rieux 51 FRANCE
- Contact :
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 puis diriger sur deux tableaux différents….
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 puis diriger sur deux tableaux différents….
Cordialement
Rieux
Rieux
-
- Participation 2
- Messages : 136
- Enregistré le : 20 avr. 2008, 09:29
- Localisation : Les Vans (Ardèche)
- Contact :
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
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
- webmaster
- Site Admin
- Messages : 2611
- Enregistré le : 12 déc. 2006, 20:54
- Localisation : Rieux 51 FRANCE
- Contact :
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 conventionnelle.
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 conventionnelle.
Cordialement
Rieux
Rieux
-
- Participation 2
- Messages : 136
- Enregistré le : 20 avr. 2008, 09:29
- Localisation : Les Vans (Ardèche)
- Contact :
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
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
- webmaster
- Site Admin
- Messages : 2611
- Enregistré le : 12 déc. 2006, 20:54
- Localisation : Rieux 51 FRANCE
- Contact :
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.
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.
Modifié en dernier par webmaster le 07 juil. 2008, 19:44, modifié 1 fois.
Cordialement
Rieux
Rieux
-
- Participation 2
- Messages : 136
- Enregistré le : 20 avr. 2008, 09:29
- Localisation : Les Vans (Ardèche)
- Contact :
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
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