Affichage catastrophique sous IE
Résolu
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 :
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<style type="text/css">.bg, .box2{behavior:url("js/PIE.htc");}</style>
<![endif]-->
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 ?
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 :
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<style type="text/css">.bg, .box2{behavior:url("js/PIE.htc");}</style>
<![endif]-->
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 ?
10 réponses
-
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. -
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 -
@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. -
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
-
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 -
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 -
dans la page index il y a en plus le bandeau : nos engagements , offres promotionnelles, articles, peut-être une piste?
-
ç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 ) -
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</head>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<style type="text/css">.bg, .box2{behavior:url("js/PIE.htc");}</style>
<![endif]-->
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 -
Sujet résolu ! un grand merci à vous tous !
