Différences CSS et IE8

Bonjour, cela fait pas très longtemps que je fais du web et comme beaucoup d'entre vous je pense, je m'arrache les cheveux à cause de notre ami internet explorer. Mon problème est d'autant plus troublant qu'il s'agit dans mon cas d'une différence d'affichage entre ma page web mise en ligne et ma page web sur le disque dur. Le css est interprété différemment. Aucun soucis avec firefox et chrome. Mon CSS et mon html sont valides (j'ai fais les tests w3c) J'ai vérifié 1 millier de fois que j'avais bien mis tous les fichiers en ligne donc je ne comprends pas. Est-ce quelqu'un à déjà rencontré ce problème, et dois-je me faire une raison ? Pour exemple, ma page d'accueil actuellement : http://massage.be.free.fr/ et en l'ouvrant à partir de mon PC : http://massage.be.free.fr/ecran.jpg . De grosses différences donc. Le soucis est le m^me pour toutes les autres pages (qui elles n'ont pas la petite animation flash).

Si quelqu'un peut m'éclairer, parce que là je nage totalement...

Salut remplace les div de ton menu par un ul suivi de li entourant chaque a
Utilise aussi les raccourcis quand tu ecris les padding, margin et autres :

ex :

margin: top right bottom left;

remplacer par les valeurs en px, em.

Bonjour,

dimz a écrit :
Bonjour, cela fait pas très longtemps que je fais du web et comme beaucoup d'entre vous je pense, je m'arrache les cheveux à cause de notre ami internet explorer.

J'aurais pas souhaité voir l'état de tête si tu avais connu les versions précédentes. Depuis IE7 on ne s'arrache plus les cheveux, on se gratte le menton avec un air dubitatif.

Moi j'ai un scroll horizontal par contre, dû à la largeur de 1200px de ta div pour le flash.

Quant à ton problème, il vient plutôt que les autres navigateurs soient gentil avec toi. Tu n’arrête pas les flottants à la fin de ton menu. Tu trouveras sur ce site plein de réponses.

la base: http://www.alsacreations.com/tuto/lire/608-initiation-au-positionnement-css-partie-2.html
Pour empêcher les flottant d'avoir effet en dehors de la boite: http://www.alsacreations.com/article/lire/7-depassement-flottants-css.html

Merci, je vais regarder cette histoire de float. Quand tu parle d’arrêter les flottants tu parle de la propriété clear ?

Depuis mon post j'ai mis mon menu dans un contenant pour le "canaliser" un peu et je l'ai mis dans une largeur conforme à un écran 17 pouces (le défaut de travailler sur un 21').
Désormais j'ai IE qui m'affiche ça : http://massage.be.free.fr/ecran2.jpg (a gauche en ligne à droite en local). Aucun soucis avec les autres navigateurs.

Reste donc l'objet premier de ma question : pourquoi IE8 est "tolérant" avec mon code imparfait (comme c'est le cas apparemment) lorsque j'ouvre ma page à partir de mon disque dur et ne l'est plus lorsque j'ouvre ma page à partir du serveur ?

C'est bien un problème de clear. Pour le « canaliser » il faut appliquer une des solutions expliquée sur le second lien.

17' ou 21' ce qui compte c'est les résolutions. J'ai un 17' avec 1920px de largeur. On peut avoir un 21' avec 800px (même si il y a peu de risques).

Je crois que ie passe par défaut en quircksmode en intranet. à vérifier car je n'ai pas de ie à tester en local ^^.

merci pour ton aide Kusto (je rentre de vacances, j'ai pas pu répondre plus tôt).
J'ai rajouté une div pour fermer le float, + quelques modifs css mais je n'arrive toujours au résultat voulu. C'est d'autant plus rageant de voir qu'en local IE l'affiche comme il faut.

http://massage.be.free.fr/index3.html

Après moults tentatives, rien y fait, je crois que je vais jetter l'éponge et zapper la 'superposition' de mes div menu et div glob En tout cas j'ai pas envie passer par des div PA ça serai compliquer les choses.

merci quand m^me.