Affichage catastrophique sous IE Résolu/Fermé

Question

Bonjour, Je suis actuellement en train de coder un site en autodidacte et j'ai des soucis d'affichage sur IE. Sur la page d'accueil du site vous pourrez constater que les colonnes ne sont pas du tout au bon endroit sur IE... Je pense à un problème en lien avec le fichier CSS mais il passe le validateur ... Cependant mon code n'est pas vraiment XHTML Strict... J'utilise actuellement IE 8 pour tester le site. En relisant le code source de différentes pages j'arrive a vendre une différence entre la page d'index et les autres, le bout de code : Mais je ne le comprend pas ... l'adresse du site pour constater : www.studywell.fr Pouvez vous m'aider à résoudre ce dilemme d'affichage ? Configuration: Windows XP / Firefox 24.0

ideal23 · Answer

ton site n'est pas en html5?
la première balise sert à rendre compatible html5 avec certains navigateurs
la seconde  Le script CSS3 PIE,  permet d'imiter le support de certaines propriétés CSS3 dans les anciennes versions d'Internet Explorer, les coins arrondis.

animostab · Answer

ton problème est dans le css 
essaie de mettre dans ton css

display:inline-bloc; 
vertical-align:top;

aux éléments div qui posent problème 
 
Un petit merci vaut mieux qu'une grande ignorance

Priaxs · Answer

@ideal23 : Merci pour les explications du bout de code :) 

@animostab : je dois faire un "hack css" ? En rajoutant !important et l'autre pour IE ? Je vais essayer ça directement en rentrant. Merci.

animostab · Answer

essaie le hack

en tout cas la class incriminée c'est .col ou .marg_right

puis pour le menu en bas

.col_1

en espérent que tes javascripts ne mettent pas du css en plus

Priaxs · Answer

Je vais faire ça mais je ne comprend pas pourquoi une fois que tu passes sur une page autre que l'index, par exemple le simulateur ou la page "offres" tout revient +/- à sa place !
Je ne me l'explique pas ça

animostab · Answer

bon finalement c'est pas le css si c'est normal dans les autres pages
j'avais pas vu le float:left (il y a plusieurs css)

ca doit venir de ta page index

essaie de la refaire en prenant comme base une des pages qui marche
et en collant petit a petit le code de ton index et verifie a chaque fois

 
Un petit merci vaut mieux qu'une grande ignorance

ideal23 · Answer

dans la page index il y a en plus le bandeau : nos engagements , offres promotionnelles, articles, peut-être une piste?

Priaxs · Answer

ça fait quoi le "float:left" ? 

Je pense que ça doit venir de mon header vu que c'est une des seules différences ( le bandeau + les 3 images )

animostab · Answer

Mince !!!! l'erreur je l'ai trouvée d'ailleurs toi aussi tu l'avait trouvé mais tellement mal exprimée que je n'avais pas compris dans toutes les pages tu as avant mais dans la page index tu l'as pas rajoute ce bout de code comme sur les autres pages et ca marchera !!!! Un petit merci vaut mieux qu'une grande ignorance

Priaxs · Answer

Sujet résolu ! un grand merci à vous tous !

Affichage catastrophique sous IE

10 réponses

Discussions similaires