[Résolu] Ma page d’accueil ne se centre pas sous IE (Créer un compte)

  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 16)
  • Auteur
    Messages
  • #477393
    icerunner
    Participant
    Initié WordPress
    41 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 2.8.6
    – Thème utilisé : Simple Magazine
    – Extensions en place :
    – Nom de l’hebergeur :
    – Adresse du site : http://www.alainmathot.be

    Problème(s) rencontré(s) :

    Bonjour,

    Je viens vers vous car j’ai besoin d’aide.
    J’ai créé un blog WordPress avec le thème “Simple Magazine”. Tout fonctionne correctement sous FF, Safari et Opéra. J’ai juste un petit soucis avec IE : ma page d’accueil ne se centre pas mais bien les autres pages.
    Je suppose que c’est un problème d’interpretation de la CSS par le navigateur mais je ne sais pas trop quoi.
    J’ai pourtant bien le code suivant qui me paraît correct :

    conteneur {
    width: 100%;
    margin-left:auto;
    margin-right:auto;

    Pouvez-vous m’aider?

    Merci d’avance

    #707121
    Lumiere de Lune
    Participant
    Maître WordPress
    19377 contributions

    Essaye déjà d’enlever le widget de souscription à la newsletter et de passer ton blog au validateur html

    #707122
    icerunner
    Participant
    Initié WordPress
    41 contributions

    J’ai enlevé le widget de connexion mais ça ne change rien.
    Concernant le validateur html, voici ce que j’obtiens :

    Sorry, I am unable to validate this document because on line 295 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication.

    The error was: utf8 “xE2” does not map to Unicode

    #707123
    icerunner
    Participant
    Initié WordPress
    41 contributions

    J’ai désactivé tous les widgets mais sans succès.
    Je ne comprends pas pourquoi le validateur html n’arrive pas à analyser le code.

    Quelqu’un à une idée? 😉

    #707124
    Fan Jiyong
    Participant
    Chevalier WordPress
    133 contributions

    c’est con mais essayer de mettre des marge en haut et bas (margin:0px auto;)

    sinon essaie de mettre une valeur en px pour la largeur (juste pour tester) et dis nous si ça réagis.

    autre choses tu a mis “conteneur” c’est un id (#conteneur) ou une class (.conteneur)

    a +

    #707125
    icerunner
    Participant
    Initié WordPress
    41 contributions

    Petite rectification: mon site est stocké dans une class appelée “.center-wrapper” qui lui même fait partie du conteneur.

    Voici le code CSS :

    .center-wrapper {
    margin: 0 auto;
    width: 980px;
    background-color:#FFF;
    }

    Et concernant le conteneur, il s’agit d’une class (.conteneur)

    Merci pour votre aide 🙂

    #707126
    icerunner
    Participant
    Initié WordPress
    41 contributions

    Mais ce qui est bizarre c’est que le problème n’est que sur la page d’accueil et pas sur les autres pages… 💡

    #707120
    Fan Jiyong
    Participant
    Chevalier WordPress
    133 contributions

    Re,

    est-ce que ça se présente comme ceci :

    <div class="conteneur">
    <div class="center-wrapper">

    et c’est entre le body ?

    au mieux met ton code on pourras voir 🙂

    a +

    #707119
    icerunner
    Participant
    Initié WordPress
    41 contributions

    Oui c’est bien ça. Voici le code

    
    <div class="conteneur">
    <div id="network">
    <div class="center-wrapper-network">
    <div id="overview" class="left">
    </div>
    <div class="right">
    </div>
    <div class="clearer"> 

    #707127
    Fan Jiyong
    Participant
    Chevalier WordPress
    133 contributions

    tu peu mettre sur ton body ou ton conteneur la largeur et les marges (auto par exemple) ça va te centré la page.

    #707128
    icerunner
    Participant
    Initié WordPress
    41 contributions

    Code simplifié :

    
        <div class="conteneur">
             <div id="network">
             <div class="conteneur">
                  <div id="site">
                       <div class="center-wrapper"></div>
                            <div id="header"></div>
                            <div id="main-two-columns" class="main"></div>
                            <div id="dashboard"></div>
                            <div id="footer"></div>
                       </div>
                  </div>
             </div>
       

    #707129
    Fan Jiyong
    Participant
    Chevalier WordPress
    133 contributions

    pourquoi un conteneur et imbriqué dans l’autre ?

    (ton css ça serais bien aussi 🙂)

    #707130
    icerunner
    Participant
    Initié WordPress
    41 contributions

    Effectivement, c’est un peu brouillon 😋 Voici la partie de la CSS concernant le body et le layout.

    /* 
       General 
    ——————————————————————- */
    
    html {
    	height: 100%;
    	padding-bottom: 1px; /* force scrollbars */
    }
    
    body {
    	color: #334;
    	font: normal 75% sans-serif;
    	line-height: 1.5;
    }
    
    /* 
       Layout 
    ——————————————————————- *
    
    /* General */
    
    .conteneur {
    	width: 100%;
    	margin-left:auto;
    	margin-right:auto;
    	background-image:url(img/ombre.png);
    	background-repeat: repeat-y;
    	background-position: center;
    	background-color: #1D1D1D;
    }
    
    .center-wrapper-network {
    	margin: 0 auto;
    	width: 980px;
    }
    
    .center-wrapper {
    	margin: 0 auto;
    	width: 980px;
    	background-color:#FFF;
    }

    #707131
    Fan Jiyong
    Participant
    Chevalier WordPress
    133 contributions

    Oublis pas de fermer tout tes commentaires.

    J’ai remarquer qu’il n’y avais que sur la pages index qu’il y avais “conteneur” imbriquer dans un autre conteneur, a tu essayer de changer ? (peut être que ie n’aime pas ça).

    #707132
    icerunner
    Participant
    Initié WordPress
    41 contributions

    Je viens de renommer le premier “conteneur” en “conteneur_general” mais ça n’a pas l’air de changer beaucoup de chose…

15 sujets de 1 à 15 (sur un total de 16)
  • Le forum ‘Utilisation spécifique de WordPress’ est fermé à de nouveaux sujets et réponses.