Affichage catastrophique sous IE

Résolu/Fermé
Priaxs Messages postés 9 Date d'inscription jeudi 26 septembre 2013 Statut Membre Dernière intervention 27 septembre 2013 - 26 sept. 2013 à 15:48
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 27 sept. 2013 à 22:00
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 ?



A voir également:

10 réponses

ideal23 Messages postés 456 Date d'inscription mercredi 30 avril 2008 Statut Membre Dernière intervention 16 mai 2014 28
27 sept. 2013 à 15:08
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.
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
Modifié par animostab le 27/09/2013 à 15:27
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
0
Priaxs Messages postés 9 Date d'inscription jeudi 26 septembre 2013 Statut Membre Dernière intervention 27 septembre 2013
27 sept. 2013 à 15:30
@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.
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
27 sept. 2013 à 15:59
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

0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Priaxs Messages postés 9 Date d'inscription jeudi 26 septembre 2013 Statut Membre Dernière intervention 27 septembre 2013
27 sept. 2013 à 16:03
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
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
Modifié par animostab le 27/09/2013 à 16:39
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
0
ideal23 Messages postés 456 Date d'inscription mercredi 30 avril 2008 Statut Membre Dernière intervention 16 mai 2014 28
27 sept. 2013 à 16:36
dans la page index il y a en plus le bandeau : nos engagements , offres promotionnelles, articles, peut-être une piste?
0
Priaxs Messages postés 9 Date d'inscription jeudi 26 septembre 2013 Statut Membre Dernière intervention 27 septembre 2013
27 sept. 2013 à 16:38
Oui c'est ce que je pense pourtant à la lecture du CSS et du code source rien ne ressort :(
0
Priaxs Messages postés 9 Date d'inscription jeudi 26 septembre 2013 Statut Membre Dernière intervention 27 septembre 2013
27 sept. 2013 à 16:36
ç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 )
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
27 sept. 2013 à 22:00
float:left ca fait un peu la meme chose que display:inline-block
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
Modifié par animostab le 27/09/2013 à 17:00
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
0
Priaxs Messages postés 9 Date d'inscription jeudi 26 septembre 2013 Statut Membre Dernière intervention 27 septembre 2013
27 sept. 2013 à 20:40
Sujet résolu ! un grand merci à vous tous !
0