Partage
  • Partager sur Facebook
  • Partager sur Twitter

Site non compatible IE

Sujet résolu
    17 octobre 2006 à 21:40:25

    Tout d'abord le css :

    Citation : Xineom

    /* Le fond*/

    body
    {
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 25px;
    margin-bottom: auto;
    font-size: 12px;
    Background-color: #BCBCCC;
    }

    img

    {
    border: 0px;
    }

    #conteneur
    {
    background-image: url("conteneur.jpg");
    background-repeat: repeat-y;
    height: 1200px;
    }


    /* L'en-tête */

    #en_tete
    {
    width: 800px;
    height: 200px;
    background-image: url("entete.jpg");
    background-repeat: no-repeat;
    }

    /* La base du menu */

    #menu
    {
    float: left;
    width: 125px;
    margin-left: 7px;
    }

    #menu1
    {
    float: right;
    width: 12px;
    margin-right: 7px;
    }


    /* Elements du menu */

    .element_menu
    {
    background-color: #6B6C9A;/* fond */
    background-repeat: repeat;
    color: #000000; /* texte*/
    margin-bottom: 20px;
    font-size: 12px;/* texte*/
    text-align: center;
    }

    /* Elements du menu : titre du menu*/

    .element_menu h3
    {
    background-image: url("menuh3.jpg");
    background-repeat: no-repeat;
    color: #000000; /* texte*/
    font-size: 14px;/* texte*/
    }

    /* Elements du menu : lien*/

    .element_menu a
    {
    color: #CCCCCC; /* texte*/
    }

    .element_menu a:hover
    {
    color: #0099CC; /* texte*/
    }

    /* Le corps de la page */

    #Partie
    {
    margin-left: 170px;
    margin-right: 170px;
    margin-bottom: 70px;
    padding: 5px;

    color: #000000; /* texte*/
    background-color: #7979A1; /* fond */
    background-image: url("");
    background-repeat: repeat;
    border-style: ridge;
    font-size: 12px;
    }

    #Partie a
    {
    color: #000000; /* texte*/
    }

    #Partie a:hover
    {
    color: #0099CC; /* texte*/
    }

    #Partie h3
    {
    background-image: url("corpsh3..jpg");
    background-repeat: no-repeat;
    color: #000000; /* texte*/
    font-size: 14px;/* texte*/
    text-align: center;
    }



    Puis le code Html général :

    Citation : Xineom

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
    <head>
    <base href="http://www.kokoom.com/ars7/">

    <title>Arthur-site</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="design.css" />
    </head>

    <body>

    <div id="conteneur">

    <!-- L'en-tête -->

    <div id="en_tete">
    <br><br><br><br><br><div align=center>Publicité :<br><a href=http://www.siteduzero.com><img src="http://www.siteduzero.com/Templates/images/static/presse/banniere_sdz.gif"></a>
    </div></div>

    <!-- Les menus -->

    <div id="menu"> <!-- Menu gauche -->
    <div class="element_menu">
    <h3>Album media</h3><br>

    <a href="jeux.html">Jeux</a><br>
    <a href="video.html">Vidéo</a><br>
    <a href="autre.html">Autres media</a><br><br>

    <h3>Seconde 7</h3><br>

    <a href="cit.html">Citations</a><br>
    <a href="jdb.html">Journal de bord</a><br>

    <h3>Arthur blog</h3><br>

    <a href="act.html">Articles</a><br>
    <a href="photo.html">Photos</a><br><br><br>

    <a href="index.html"> Accueil </a><br><br>
    <HR>

    </div>


    </div>

    <div id="menu1"> <!-- Menu droite -->
    <div class="element_menu">
    <h3>Pages perso</h3><br>

    <a href="dem.html">Demander la création d'une page personnelle</a><br><br>

    <h3>Liste des P.P.</h3><br>

    <a href="xxxx">xxxx</a><br>
    <a href="xxxx">xxxx</a><br>
    <a href="xxxx">xxxx</a><br><br>

    <h3>Lien</h3><br>

    <a href="http://www.riseoflords.com">Riseoflords</a><br>
    <a href="xxxx">xxxx</a><br>
    <a href="xxxx">xxxx</a><br><br>
    <HR>

    </div>
    </div>

    <!-- Le corps -->


    <div id="Partie">
    <h3>Bienvenue</h3>

    Welcome, Bienvinido ... <br>
    Bienvenue sur un site, créé par moi, pour vous ... xD un peu précaire comme description, mais ca viendra par la suite ;) <br><br><br><div align=center><h2>Bonne visite</h2><!--Code HTML service Compteur de visite de Service-webmaster.fr -->
    <script type="text/javascript" src="http://www.service-webmaster.fr/compteur_visite-465-43-2.html"></script>
    <!--Code HTML service Compteur de visite de Service-webmaster.fr -->eme visiteur</div>

    </div>



    </div>

    <!-- _FOOTER_START_ --><!-- _FOOTER_END_ --></body>
    </html>




    Voilà, tous ces codes sont compatibles avec Mozilla, Opera ... mais sur IE ca m'affiche quelquechose de pas très joli ...

    Merci d'avance
    • Partager sur Facebook
    • Partager sur Twitter
      17 octobre 2006 à 21:47:45

      "Background-color: #BCBCCC; "

      enleve le B pas de majuscule en CSS

      sinon, bien je sais pas, faut regarder plus attentivement que moi :D

      si tu pouvait nous montrer les différences sur FF et IE par eemple, sa faciliterait la tâche
      • Partager sur Facebook
      • Partager sur Twitter
        17 octobre 2006 à 22:29:10

        bien, alors déja ton body est bizarre, je pense que tu peut faire ca à la place :
        body {
        margin: auto;
        margin-top: 20px;
        width: 800px;
        }


        j'éditerai ce post si jamas je trouve d'autre trucs :)
        essai ca déja, et dit moi si ca change quelques choses

        EDIT :
        tu peux ajouter sa a ton BODY ce qui devrait te permettre d'effacer le ID conteneur
        background-image: url("conteneur.jpg");
        background-repeat: repeat-y;


        car la, il prendra toute ta page depuis la marge, et affichera l'image sur le tout, comme sa pas besoin de height 1200px :)

        vait voir les autres trucs, mais je pencherait pour un probleme de centrage, car on voit que sous IE tes menus sont pas bien centrer dans ta page ...
        • Partager sur Facebook
        • Partager sur Twitter
          17 octobre 2006 à 22:35:56

          Strictement rien ne chance ;S
          • Partager sur Facebook
          • Partager sur Twitter
            17 octobre 2006 à 22:58:29

            j'ai editer mon post, essai pour voir :)
            • Partager sur Facebook
            • Partager sur Twitter
              18 octobre 2006 à 20:38:07

              Citation : xineom

              mais sur IE ca m'affiche quelquechose de pas très joli ...


              Si tu étais un peu plus explicite sur ton problème ?
              • Partager sur Facebook
              • Partager sur Twitter
                19 octobre 2006 à 7:04:34

                Citation : DanielCosta

                essaye voir conteneur 800px; et tu me redis stplé.



                Merci beaucoup DanielCosta
                • Partager sur Facebook
                • Partager sur Twitter

                Site non compatible IE

                × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                • Editeur
                • Markdown