Affichage bizzare sous IE

Bonjour,

J'ai développé un site en essayant de respecter les normes W3C (que chaque page réussi) et je m'aperçois que l'affichage sous IE est horrible voir incomplet.

Vu les heures passées passé dessus, je ne sais plus quoi faire pour que ça s'affiche correctement et le pire est qu'étant sous MAC j'ai un mal fou à savoir le rendu donné par IE. Je ne peux tester IE qu'au boulot pour le moment (ça m'ennuierai de devoir installer windows sur le mac juste pour faire des tests de navigateurs).

Le site est consultable à cette adresse : http://www.gitesdethouy.fr Déjà si vous regardez avec IE ou FF vous vous apercevez que sous IE le bloc principal est remonté et gêne la lisibilité du texte en haut. Pas dramatique me direz vous, mais c'est affreux.

Par contre là où j'ai vraiment besoin de vous c'est à la section nos gîtes http://www.gitesdethouy.fr/gites.php où là c'est du n'importe quoi. Je ne comprend pas pourquoi IE interprète si mal la chose et à titre indicatif au boulot on est sous IE 7. Vous savez si on peut tester sous IE 6 IE 7 et IE 8. D'après ce que j'ai vu il exite IE4Linux, mais je ne l'ai pas encore testé.

Par avance merci pour votre aide.

Bonjour,

pour tester sous plusieurs navigateurs, tu peux consulter ce billet de blog de Florent V.: http://blog.alsacreations.com/2008/01/17/409-installer-differents-navigateurs-pour-tester-vos-pages

Pour détecter les problèmes posés par IE6, je te conseille de placer des couleurs de fond bien flashy (red, blue, pink, yellow, etc) et voir quelle différence il y a entre Fx et IE6. Je n'ai pas regardé précisément mais il ne me semblait pas que les marges par défaut des paragraphes posaient problème. Peut-être la classe .clear ainsi:

	clear: both;
	background: none;
	font-size: 0.01em;

pourrait changer les choses entre le bas de ton contenu et l'arrondi du bas?

Tu as un souci avec la page disponibilités: la largeur est trop importante sous IE6 mais le problème existe déjà sous Firefox, simplement le texte de la légende sous le tableau des dispos dépasse sans faire dépasser le graphisme. Si tu réduis la largeur ou passe sur 2 lignes, le problème cessera d'exister
Le logo http://www.gitesdethouy.fr/images/feuille.png est probablement un PNG-32 transparent, il y a donc un souci avec IE6. Tu peux soit tenter de créer un PNG-8, soit de sortir l'artillerie (voir FAQ: Obtenir la transparence PNG avec Internet Explorer 6) soit ignorer le problème: ton fond est d'un gris très proche après tout
Modifié par Felipe (03 Jun 2008 - 14:08)