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.aireflamenco.org/FR/Pages/News_FR.php
Merci d'avance de votre aide
Version complète: sur le forum Webmaster Hub : Décalage entre 2 image sous IE mais pas sur FFox
Personne pour m'aider? 
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.
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.
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
CITATION(tayoze @ mardi 4 décembre 2007 à 10:35) 
Voici des astuces =>
Voici des astuces à éviter soigneusement puisqu'elles partent du principe qu'il existe 2 navigateurs en tout et pour tout: Explorer et Firefox.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
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.
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.