Affichage différent IE8 et FF

[Immobilier-luxe]

Bonjour,
Habituellement je n'utilise que FF, mais comme la part de marché de IE est encore conséquente, j'ai testé mon site _http://www.immobilier-luxe-sud.com avec IE.
Or l'affichage de mon menu de navigation est correct avec FF et différent avec IE
Je suis passé au validateur W3C et tout est pourtant OK
Avez vous des pistes ?
Merci de vos réponses

 

[saypee]

Bonjour,
Je ne vois pas de différence.
Où doit on regarder plus précisement ?

 

[Immobilier-luxe]

Bonjour,
Les drapeaux de traduction sont tous alignés sur une même ligne avec FF
2 sont décalés sur la ligne du dessous avec IE
Je ne veux pas jouer les puristes, mais ce n'est pas très beau
Si tu as une solution...
Merci de t'y être intéressé :wink:

 

[saypee]

Les drapeaux ne sont pas sur la meme ligne meme avec FF

 

[Immobilier-luxe]

Arffff ! Bad news
Ils le sont chez moi sur un 17' avec FF mais je viens de regarder sur un 10' et effectivement une seconde ligne est générée avec FF comme avec IE.
J'ai peut être une merde la dessus non ?
width: 900px;
text-align: left;
max-width: 900px;
margin: 0px auto;

Qu'en penses tu ?

 

[saypee]

Je ne suis pas un pro du CSS
Mais si des connaisseurs passent par là, ils sont les bienvenus .

Voici un lien qui pourra t'aider : http://www.alsacreations.com/tuto/liste/2-css.html

 

[Immobilier-luxe]

Merci pour ces liens, je ne connaissais pas mais c'est une vrai mine d'or.
J'ai commencé à parcourir, c'est très dense
Une sacré daube cet IE tout de même

 

[bproductiv]

à 950px ca passe, ou alors tu reduit le padding autour des drapeaux.

 

[Immobilier-luxe]

Merci de ton intervention
A 950 px je me retape ma bannière
Réduire le padding va jouer sur l'ensemble du contenu du menu et pas seulement sur les drapeaux
Je vais tester cette solution.
Merci

 

[bproductiv]

ajoute une classe sur les liens contenant des drapeaux et ne jouer que sur le padding de ces derniers. Tu peux en profiter pour enlever les bordures entre chaque drapeau car ça bouffe pas mal de pixels en tout.

 

[Immobilier-luxe]

Bonne idée !
Je te remercie pour tout, c'est appréciable de trouver des pros qui aident les novices.
Ca marche nickel, bon IE me bouffe encore un peu la petite barre à droite des drapeaux mais rien de grave
Je peux même rajouter une ou deux traductions en jouant encore avec le padding

 

[darkjukka]

Je n'ai aucune différence entre Firefox et Internet Explorer chez moi (FF 3.5.3 et IE 8 )

 

[bproductiv]

Bonne idée !
Je te remercie pour tout, c'est appréciable de trouver des pros qui aident les novices.
Ca marche nickel, bon IE me bouffe encore un peu la petite barre à droite des drapeaux mais rien de grave
Je peux même rajouter une ou deux traductions en jouant encore avec le padding

De rien.
Tiens essaye ceci, moi je trouve ca mieux et tu peux rajouter des traductions (3-4 facile)

#p7menubar a.drapeaux {
	padding: 5px 4px;
	border: none;
}

 

[Immobilier-luxe]

Je n'ai aucune différence entre Firefox et Internet Explorer chez moi (FF 3.5.3 et IE 8 )

Bproductiv est passé par là et ça a été corrigé
Tant mieux si ça fonctionne bien maintenant :wink:

 

[OTP]

Tu peux donner l'URL de son site sans ancrer systématiquement le lien.

 

[Immobilier-luxe]

Bonne idée !
Je te remercie pour tout, c'est appréciable de trouver des pros qui aident les novices.
Ca marche nickel, bon IE me bouffe encore un peu la petite barre à droite des drapeaux mais rien de grave
Je peux même rajouter une ou deux traductions en jouant encore avec le padding

De rien.
Tiens essaye ceci, moi je trouve ca mieux et tu peux rajouter des traductions (3-4 facile)

#p7menubar a.drapeaux {
	padding: 5px 4px;
	border: none;
}

Effectivement, c'est encore mieux, je n'ai ajouté qu'un après ça devient limite avec IE
Je suis allé voir ton site et je comprends mieux la qualité des conseils
Merci encore :wink: