Différence d'affichage en Firefox et Explorer

Et là comme son nom l’indique un forum pour dire quelque chose qui ne rentre pas dans un des différents forums ci-dessus, réclamer, critiquer, améliorer, parler quoi !
Neutre
Participation 2
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

Message par Neutre » 22 juin 2008, 14:16

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 !

Avatar du membre
chriss
Participation 5
Participation 5
Messages : 948
Enregistré le : 31 mai 2007, 16:30
Localisation : Plévenon (22)
Contact :

Message par chriss » 22 juin 2008, 14:51

augmente la taille de ton iframe

Neutre
Participation 2
Participation 2
Messages : 136
Enregistré le : 20 avr. 2008, 09:29
Localisation : Les Vans (Ardèche)
Contact :

Message par Neutre » 22 juin 2008, 15:56

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 ?

Neutre
Participation 2
Participation 2
Messages : 136
Enregistré le : 20 avr. 2008, 09:29
Localisation : Les Vans (Ardèche)
Contact :

Message par Neutre » 23 juin 2008, 07:55

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

Avatar du membre
chriss
Participation 5
Participation 5
Messages : 948
Enregistré le : 31 mai 2007, 16:30
Localisation : Plévenon (22)
Contact :

Message par chriss » 23 juin 2008, 11:42

ton hébergeur accepte-t-il le PHP dans des pages html ?

Avatar du membre
webmaster
Site Admin
Site Admin
Messages : 2611
Enregistré le : 12 déc. 2006, 20:54
Localisation : Rieux 51 FRANCE
Contact :

Message par webmaster » 23 juin 2008, 12:57

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.
Cordialement

Rieux

Avatar du membre
chriss
Participation 5
Participation 5
Messages : 948
Enregistré le : 31 mai 2007, 16:30
Localisation : Plévenon (22)
Contact :

Message par chriss » 23 juin 2008, 14:37

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

Avatar du membre
webmaster
Site Admin
Site Admin
Messages : 2611
Enregistré le : 12 déc. 2006, 20:54
Localisation : Rieux 51 FRANCE
Contact :

Message par webmaster » 23 juin 2008, 15:03

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….
Cordialement

Rieux

Neutre
Participation 2
Participation 2
Messages : 136
Enregistré le : 20 avr. 2008, 09:29
Localisation : Les Vans (Ardèche)
Contact :

Message par Neutre » 23 juin 2008, 19:43

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

Avatar du membre
webmaster
Site Admin
Site Admin
Messages : 2611
Enregistré le : 12 déc. 2006, 20:54
Localisation : Rieux 51 FRANCE
Contact :

Message par webmaster » 23 juin 2008, 21:48

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.
Cordialement

Rieux

Neutre
Participation 2
Participation 2
Messages : 136
Enregistré le : 20 avr. 2008, 09:29
Localisation : Les Vans (Ardèche)
Contact :

Message par Neutre » 06 juil. 2008, 19:15

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

Avatar du membre
webmaster
Site Admin
Site Admin
Messages : 2611
Enregistré le : 12 déc. 2006, 20:54
Localisation : Rieux 51 FRANCE
Contact :

Message par webmaster » 06 juil. 2008, 19:58

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.
Cordialement

Rieux

Neutre
Participation 2
Participation 2
Messages : 136
Enregistré le : 20 avr. 2008, 09:29
Localisation : Les Vans (Ardèche)
Contact :

Message par Neutre » 06 juil. 2008, 20:26

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

Avatar du membre
webmaster
Site Admin
Site Admin
Messages : 2611
Enregistré le : 12 déc. 2006, 20:54
Localisation : Rieux 51 FRANCE
Contact :

Message par webmaster » 07 juil. 2008, 08:07

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.
Modifié en dernier par webmaster le 07 juil. 2008, 19:44, modifié 1 fois.
Cordialement

Rieux

Neutre
Participation 2
Participation 2
Messages : 136
Enregistré le : 20 avr. 2008, 09:29
Localisation : Les Vans (Ardèche)
Contact :

Message par Neutre » 07 juil. 2008, 18:51

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

Répondre