Page 1 sur 1

passage de Firefox à Intrenet Explorer

Publié : 28 nov. 2006, 13:20
par 08dw
Bonjour,

Je viens de terminer un site pour un club de judo - après des heures de labeur , d 'essais et de beaucoup d'erreurs - et après test et certification, je l'ai mis en ligne , plutôt satisfait d'avoir obtenu le résultat visé ! Donc mise en ligne du site et nouveaux tests avec Firefox: c'est tout bon ( pour moi).Hèlas , j'ai voulu voir le résultat sous Internet Explorer , et là, c'est la catatastrophe: la mise en page ne correspond plus à ce qui est visible sous FF.

Si quelqu'un à des explications et surtout des solutions, je suis impatient!
Merci


à voir ici: http://judoclub.charleville.free.fr

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1) Gecko/20061010 Firefox/2.0

Publié : 28 nov. 2006, 13:41
par chinon37
- 1ère remarque avant d'aller plus loin: tu mélange styles internes et feuille de style ex:
pour body:
feuille de style

Code : Tout sélectionner

body {margin: 5px; padding: 0; font: 14px Arial Narrow, sans-serif;}
style interne:

Code : Tout sélectionner

<body style="margin-left: 150px; width: 677px; background-position: center; opacity: 0.955; margin-top: 9px; height: 883px;
 background-image: url(logojudo2.jpg);">
- opacity ne marche pas avec IE6
- attention aux polices éxotiques: si le visiteur n'a as la police sur son ordi, elle ne s'affichera pas et sera substituée avec tous les dégâts collatéraux

Je ne suis pas allé plus loin :? :oops:

FF -> IE

Publié : 28 nov. 2006, 17:40
par dw08
Merci d'avoir pris la peine d'examiner mon problème.
Quelques explications à propos du mélange code et feuille de style; faute de connaissance suffisante de NVU - téléchargé il y a seulement 3 jours - j'ai récupéré le code de la barre de menu pour l'intégrer dans la page après qq modifications.
Je ne pense pas que la police choisie soit à l'origine du pb puisqu il se produit avec mon ordinateur.
La suppression du paramètre opacity ne change rien.
Cordialement,
dw08


Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1) Gecko/20061010 Firefox/2.0

Publié : 28 nov. 2006, 18:58
par Ymai
Bonjour
A priori, j'aurais aussi tendance à mettre en cause le mélange de règles CSS et de styles en ligne.
Tout se passe comme si
FF préférait tenir compte de

Code : Tout sélectionner

<body style="margin-left: 150px; width: 677px;
qui est un style en ligne et
IE préfère tenir compte de

Code : Tout sélectionner

body {margin: 5px; padding: 0; font: 14px Arial Narrow, sans-serif;}
qui est dans la feuille de style intégrée.

Il me semble que le comportement de FF est plus conforme aux règles.
Je dirais donc aussi qu'il faut éviter les mélanges de genres; c'est une question d'esthétique, mais aussi une façon de mieux maîtriser ce qui va se passer dans les navigateurs.

PS: QTMagicMarker *est* une police exotique. Pour maîtriser son sujet plus ou moins correctement chez le visiteur moyen, c'est mieux d'utiliser une police dont (presque) tout le monde dispose. En prévoyant des solutions de rechange si la police de base n'existait pas.
QTMagicMarker, Helvetica, sans-serif
par exemple

pb portabilité

Publié : 30 nov. 2006, 13:42
par dw08
Bonjour,

Merci pour les expications. J'ai résolu le problème en reprenant tout à zéro.Le résultat a perdu en esthétisme mais a gané en compatibilité FF/IE , sauf pour le clignotement du menu Infos!

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1) Gecko/20061010 Firefox/2.0

Publié : 30 nov. 2006, 15:11
par chinon37
le clignotement (text-decoration: blink;) en css n'est pas reconnu par IE6, mais il est reconnu correctement par Firefox...c'est un problème connu

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1) Gecko/20061010 Firefox/2.0