Bonjour,
J'ai un petit probleme de décallage entre 2 images sous IE alors que sur FireFox sa marche nikel, on ne voit aucune séparation. voici un exemple de lien:
http://www.aireflame...ges/News_FR.php
Merci d'avance de votre aide
Page 1 sur 1
Décalage entre 2 image sous IE mais pas sur FFox
Noter :
Haut
#3
- Groupe : Hubmaster
- Messages : 275
- Inscrit(e) : 19-septembre 07
- Genre:Homme
- Localisation:Montreal
Posté 01 décembre 2007 - 11:51
Pourrais tu poster ton code css ou du mois une partie .
Cela doit venir des margin ou padding de tes div car ils ne sont pas les même par défaut entre ces deux navigateurs.
Cela doit venir des margin ou padding de tes div car ils ne sont pas les même par défaut entre ces deux navigateurs.
Agence web marketing Montréal
Last Video
Un pessimiste voit la difficulté dans chaque opportunité, un optimiste voit l'opportunité dans chaque difficulté. Winston Churchill
Last Video
Un pessimiste voit la difficulté dans chaque opportunité, un optimiste voit l'opportunité dans chaque difficulté. Winston Churchill
#4
- Groupe : Actif
- Messages : 17
- Inscrit(e) : 29-octobre 07
- Genre:Homme
- Localisation:Saint Denis
Posté 04 décembre 2007 - 10:35
Bonjour,
Il y a plusieurs moyen de régler la plupart des problèmes de styles.
Faire attention à l'ouverture et fermeture des balises. Un validateur de code peut-être utilise pour les novices du codes.
-Soit tu peux adapter ton code selon le type de navigateur utilisé par le poste client, avec plusieurs feuilles de styles ( style-firefox.css , style-ie6.css, etc...)
ou
-Soit tu peux aussi coder ta feuille de style en conséquence.
Voici des astuces =>
Il y a plusieurs moyen de régler la plupart des problèmes de styles.
Faire attention à l'ouverture et fermeture des balises. Un validateur de code peut-être utilise pour les novices du codes.
-Soit tu peux adapter ton code selon le type de navigateur utilisé par le poste client, avec plusieurs feuilles de styles ( style-firefox.css , style-ie6.css, etc...)
ou
-Soit tu peux aussi coder ta feuille de style en conséquence.
Voici des astuces =>
Citation
Pour qu'un style css ne soit appliqué exclusivement qu'à IE6, il suffit de mettre le signe - ou _ devant .
Ex : -margin : 5px ;
Pour qu'un style css ne soit appliqué exclusivement qu'à IE6 et IE7, il suffit de mettre le signe /, ? ou * devant .
Ex : /margin : 7px ;
Pour qu'un style css ne soit appliqué exclusivement qu'à FireFox, il suffit de mettre le commentaires !important après.
Ex : margin : 9px !important ;
Comme les styles s'appliquent en cascade, si vous avez besoin d'appliquer un style différent à chacun des navigateurs, faites comme dans l'exemple suivant :
margin: 9px !important;
/margin: 7px;
-margin: 5px;
D'abord Firefox, puis IE 7 , puis IE6.
Ex : -margin : 5px ;
Pour qu'un style css ne soit appliqué exclusivement qu'à IE6 et IE7, il suffit de mettre le signe /, ? ou * devant .
Ex : /margin : 7px ;
Pour qu'un style css ne soit appliqué exclusivement qu'à FireFox, il suffit de mettre le commentaires !important après.
Ex : margin : 9px !important ;
Comme les styles s'appliquent en cascade, si vous avez besoin d'appliquer un style différent à chacun des navigateurs, faites comme dans l'exemple suivant :
margin: 9px !important;
/margin: 7px;
-margin: 5px;
D'abord Firefox, puis IE 7 , puis IE6.
Ce message a été modifié par tayoze - 04 décembre 2007 - 10:36.
#5
- Groupe : Actif
- Messages : 26
- Inscrit(e) : 05-septembre 07
Posté 04 décembre 2007 - 23:07
Ta feuille de style est très très succinte. Regroupe tous les styles dans un fichier css séparé.
Commence par faire un style pour les paragraphes.
En ne mettant rien, tu utilise la feuille par défaut des navigateurs, et elles diffèrent d'un navigateur à l'autre.
Par ailleurs, ton code HTML est trop compliqué. Il y a des paragraphes vides par exemple. Ils sont vides, mais ils ont une marge, un padding, et donc influent sur la mise en page.
Vap
Commence par faire un style pour les paragraphes.
En ne mettant rien, tu utilise la feuille par défaut des navigateurs, et elles diffèrent d'un navigateur à l'autre.
Par ailleurs, ton code HTML est trop compliqué. Il y a des paragraphes vides par exemple. Ils sont vides, mais ils ont une marge, un padding, et donc influent sur la mise en page.
Vap
développement du site d'une artiste peintre abstraite contemporaine
#6
- Groupe : Admin
- Messages : 3 823
- Inscrit(e) : 09-avril 05
Posté 05 décembre 2007 - 02:53
tayoze, le mardi 4 décembre 2007 à 10:35, dit :
Voici des astuces =>
Les sites qui utilisent ce genre d'astuces douteuses sont à consulter via Opera ou Safari (entre autres), afin de rire un peu.
Plus sérieusement, les commentaires conditionnels sont beaucoup plus appropriés dans ce genre de cas
#7
- Groupe : Membre
- Messages : 6
- Inscrit(e) : 23-février 07
- Genre:Homme
- Localisation:Beauvais
- Société:Franglix
Posté 07 janvier 2008 - 15:22
Bonjour Sandro Corleone (et Bonjour au forum),
Après la page d'index, je vois que toutes vos pages ont la balise < head > déclarée deux fois.
Par rapport à la validation aux standards W3C, vous n'avez pas de déclaration de DocType qui donnes 91 erreurs de validation - pas très utile pour l'accessibilité des moteurs de recherche. Il y a aussi peut-être un excès de ‘meta’.
A part ça c’est un joli site !
Cordialement,
Franglix.
Après la page d'index, je vois que toutes vos pages ont la balise < head > déclarée deux fois.
Par rapport à la validation aux standards W3C, vous n'avez pas de déclaration de DocType qui donnes 91 erreurs de validation - pas très utile pour l'accessibilité des moteurs de recherche. Il y a aussi peut-être un excès de ‘meta’.
A part ça c’est un joli site !
Cordialement,
Franglix.
- ← Comment insérer une bannière télécharger firefox
- Les Navigateurs
- Désactiver les raccourcis clavier sous firefox →
Partager ce sujet :
Page 1 sur 1
