Décalage entre 2 image sous IE mais pas sur FFox

[SandroCorleone]

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

[SandroCorleone]

Personne pour m'aider?

[Djames-Allen]

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.

[tayoze]

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 =>

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.

Modifié 4 Décembre 2007 par tayoze

[Vap]

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

[Dudu]

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

[franglix]

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 cest un joli site !

Cordialement,

Franglix.