Partage
  • Partager sur Facebook
  • Partager sur Twitter

internet explorer qui fait des sienne

ne amrche pas bien sous IE

Sujet résolu
    24 décembre 2005 à 15:17:28

    beben voila, mon site marche tres bien sous mozilla, amis sous internet exploere... :(
    http://styfore.ifrance.com
    et ca m'énerce..
    pouratnt j'ai regardé, et je en vois rien que IE en comprend pas, alors je vais vous laissez mon CSS,, et une page HTML, et peut etre que vous verrez vous..
    body
    {
    width: 760px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: rgb(239,243,245);
    font-family: Times;
    }
    #pageforum
    {

    background-color: rgb(239,243,245);
    font-family: Times;
    text-align: center;
    }
    #pageforum a
    {
    font-size: large;
    }
    #autour
    {

       width: 780px;
       padding: 20px;
       background-color: (232,240,244);
       border: 1px solid grey;
    }
    #en_tete
    {

       width: 770px;
       height: 100px;
       background-image: url("imagesdusite/banniere.jpg");
       background-repeat: no-repeat;
       margin-bottom: 10px;
       border: 2px black;
    }

    #menu
    {

       float: left;
       width: 125px;
       clear: both;
    }

    .element_menu
    {
       background-color: rgb(248,248,248);
       background-repeat: repeat-x;
       border: 1px solid grey;
       margin-bottom: 20px;
       font-family: Times, Arial, "Times New Roman", Times, serif;
    }

    .element_menu h4
    {   
       color: navy;
       font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
       text-align: center;
    }

    .element_menu ul
    {
       list-style-type: none;
       padding: 0px;
       padding-left: 20px;
       margin: 0px;
       margin-bottom: 5px;
    }
    .element_menu a
    {
       color: black;
    }

    .element_menu a:hover
    {
       color: black;
       font-weight: bold;
    }
    a
    {
    text-decoration: none;
    color: rgb(124,148,241);
    }
    a:hover
    {
    font-weight: bold;
    }
    .corps2
    {
       margin-left: 130px;
       margin-bottom: 20px;
       padding: 5px;
       background-color: rgb(248,248,248);
       border: 1px solid grey;
       width: 630px;
       }
    .corps2 h1,h2,h3,h4,h5,h6
    {
     height: 30px;
       padding-left: 30px;
       color: Black;
       text-align: center;
       font-weight: bold;
       font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
       }

    .tableau td,th
    {
       border: 2px solid black;
    }
    #corps
    {

       margin-left: 130px;
       margin-bottom: 20px;
       padding: 5px;
       background-color: rgb(248,248,248);
       border: 1px solid grey;
       width: 620px;
    }
    #corps h2
    {
       color: black;
       text-align: center;
       font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
       font-weight: bold;
    }
    #corps h3,h2,h6,h5
    {
       height: 30px;
       padding-left: 30px;
       color: Black;
       text-align: center;
       font-weight: bold;
       font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
    }
    #pied_de_page
    {

       padding: 5px;
       text-align: center;
       color: black;
       background-color: rgb(248,248,248);
       border: 1px solid grey;
       font-size: small;
       clear: both;
       width: 760px;
       
     
    }
    h1 h2 h3 h4 h5 h6
    {
    font-family: "Comic Sans MS";
    }
    .datenews
    {
    color: red;
    }
    .signature
    {
    text-align: right;
    }
     

    .question
    {
    color: blue;
    }

    .erreur
    {
    color: rgb(153,0,0);
    }

    .info
    {
    color: rgb(62,170,65);
    }

    .attention
    {
    color: rgb(253,172,123);
    }

    /* ON MET LE CODE AU DESSUS*/




    /* ici est le code des smyllies*/

    .langue:before
    {
    content: url(smyllies/langue.png);
    }
    .ange:before
    {
    content: url(smyllies/ange.png)
    }
    .angry:before
    {
    content: url(smyllies/angry.gif)
    }
    .blink:before
    {
    content: url(smyllies/blink.gif)
    }
    .clin:before
    {
    content: url(smyllies/clin.png)
    }
    .content:before
    {
    content: url(smyllies/content.png)
    }
    .diable:before
    {
    content: url(smyllies/diable.png)
    }
    .heureux:before
    {
    content: url(smyllies/heureux.png)
    }
    .hihi:before
    {
    content: url(smyllies/hihi.png)
    }
    .huh:before
    {
    content: url(smyllies/huh.png)
    }
    .magicien:before
    {
    content: url(smyllies/magicien.png)
    }
    .mechant:before
    {
    content: url(smyllies/mecahnt.png)
    }
    .ninja:before
    {
    content: url(smyllies/ninja.png)
    }
    .pinch:before
    {
    content: url(smyllies/pinch.png)
    }
    .pirate:before
    {
    content: url(smyllies/pirate.png)
    }
    .pleure:before
    {
    content: url(smyllies/pleure.png)
    }
    .rire:before
    {
    content: url(smyllies/rire.gif)
    }
    .rouge:before
    {
    content: url(smyllies/rouge.png)
    }
    .siffle:before
    {
    content: url(smyllies/siffle.png)
    }
    .soleil:before
    {
    content: url(smyllies/soleil.png)
    }
    .triste:before
    {
    content: url(smyllies/triste.png)
    }
    .unsure:before
    {
    content: url(smyllies/unsure.gif)
    }
    .waw:before
    {
    content: url(smyllies/waw.png)
    }
    .zorro:before
    {
    content: url(smyllies/zorro.png)
    }
    .info:before
    {
    content: url(smyllies/info.png)
    }
    .attention:before
    {
    content: url(smyllies/attention.png)
    }
    .erreur:before
    {
    content: url(smyllies/erreur.png)
    }
    .question:before
    {
    content: url(smyllies/question.png)
    }
    /* s'arrete ici est le code des smyllies*/




    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
       <head>
           <title>World of Styfore</title>
           <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
                <link rel="stylesheet" media="screen" type="text/css" title="Design World of Styfore" href="design_worldofstyfore.css" />
       </head>
       <body>
       <div id="autour">
        <div id="en_tete"></div>
       
    <div id="menu">

       <div class="element_menu">
           <h4>Le Site</h4>
           <ul>
               <li><a href="index.html">Newzzz</a></li>
               <li><a href="pageforum.html">Forum</a></li>
               <li><a href="page19.html">Autres</a></li>
                       <li><a href="page2.html">L'équipe</a></li>
                       <li><a href="livredor.html">Livre d'Or</a></li>
           </ul>
       </div>

       <div class="element_menu">
           <h4>The World</h4>
           <ul>
               <li><a href="page3.html">Le Bien</a></li>
               <li><a href="page4.html">The Dark</a></li>
               <li><a href="page5.html">Le Humpf</a></li>
                       <li><a href="page6.html">Le Temple</a></li>
           </ul>
       </div>
       
       <div class="element_menu">
           <h4>The Matrix</h4>
           <ul>
               <li><a href="page7.html">Trucs</a></li>
               <li><a href="page8.html">Tutorials</a></li>
               <li><a href="page9.html">Humours</a></li>
                       <li><a href="page10.html">Citations</a></li>
                       <li><a href="page11.html">Autres Trucs</a></li>
           </ul>
       </div>
       
       <div class="element_menu">
           <h4>Multimédi@</h4>
           <ul>
               <li><a href="page12.html">Liens</a></li>
               <li><a href="page13.html">A Voir</a></li>
               <li><a href="page14.html">Images</a></li>
                       <li><a href="page15.html">Fans Fics</a></li>
                       <li><a href="page16.html">Fans Arts</a></li>
                       <li><a href="page17.html">Partenaires</a></li>
                       <li><a href="page18.html">L'Encyclopédie</a></li>
           </ul>
       </div>
       
       </div>
       
       
    <div id="corps">
       <h2> L'Encyclopédie </h2>
       
       <p> vous vous demandez surement ce que c'est "L'Encyclopedie" ? <br />
       Vous allez enfin le savoir <span class="heureux"></span> ! L'Encyclopedie sert tout simplement à repondre à n'importe quelle question! il sufit de remplir le formulaire si dessous, et plus tard ( ca peut etre aussi bien en heures que en jours) il y aura la réponse marqué juste en dessous du formulaire! ( un mail avec la reponse vous sera aussi envoyer). <br />
    N'hésité pas, plus vous <a href="#encyclopedie">posez des questions</a>, plus l'encyclopédie sera complète!! <br />
    Par contre, toutes questions deja posé, ou contenant de propos ilicite ( quels mot!! <span class="waw"></span> ) ne sera pas repondu. <br />
    Votre adresse Email ne sera en aucun cas divulgué</p>
        </div>
            <div class="corps2">
            <span class="question">Pourquoi je dis que 1 + 1 = 3? Car c'es vrai!!!<br />
       La preuve:<br />
       prenons l'équation vérifiée ( a + b )x( a - b ) = a² - ab + ba - b²<br />
       A droite -ab et + ba s'annulent, on a donc : <br />
       ( a + b )x( a - b ) = a² - b² <br />
       Divisons les deux termes de chaque côté par ( a - b ), on obtient : <br />
       ( a + b )x( a - b )/( a - b ) = ( a² - b² )/( a - b ) <br />
       simplifions le terme de gauche : <br />
       ( a + b ) = ( a² - b² )/( a - b ) <br />
       posons a = b = 1. On obtient donc : <br />
      ( 1 + 1 ) = (  1 - 1 )/( 1 - 1 ) <br />
      lorsqu'on a le même terme en haut et en bas d'une division, celle ci est égale a 1. Donc l'équation devient : <br />
      2 = 1 et, si on ajoute 1 des deux côtés on obtient : <br />
      3 = 2, donc si on remplace le "2" par un "1 + 1" on obtient... 3 = 1 + 1<br /> <br />
     

    <strong>Tous le monde sais bien (normalement^^) que 1 + 1 = 2, mais je vien de prouver que 1 + 1 = 3. Qui peut m'expliqué pourquoi?</strong><br />
    PS: Faut pas rever, c'est pas moi qui est inventé sa^^ </span><br/>
    Cette question nous vient de <strong>Twinsen</strong><br />
    Reponse : Tout d'abord, je sais que ce n'est pas toi qui a inventé ca, car celui qui a inventé ca n'est autre que l'ilustre <strong>Werber</strong>... Et je ne vais pas t'expliqué pourquoi, mais juste te prouver que c'est faux:<br />
    Je vais te le prouver, et tout simplement,  quand tu marque : (1-1)/(1-1)  , c'est faux, car il n'y a pas droit de diviser par 0, donc ce n'est pas égale a 1, mais en fait, c'est égale a ce que dirais une calculette : math error <span class="langue"><span><br />
    </div>
    <div class="corps2">   
    <p><fieldset>
    <legend><strong id="encyclopedie"> L'Encyclopedie </strong></legend>
       
    <script src='http://tools.ifrance.com/contact/?log=styfore&id=3874305' type='text/javascript'></script>
                  
      </fieldset> </p>
       </div>

    <div id="pied_de_page">
      <p> Liens morts, mauvais... m'avertir <a href="mailto:styfore@hotmail.fr" title="pour m'avertir"> <em>ici</em></a>, merci d'avance. <br />
      Copyright "Styfore Corporation" 2005, tous droits réservés.<span class="rire"></span></p>
    </div> 
    </div>
       </body>
    </html>
    • Partager sur Facebook
    • Partager sur Twitter
      24 décembre 2005 à 15:24:56

      LU.
      1ere chose afaire enlever le clear:both a #menu
      • Partager sur Facebook
      • Partager sur Twitter
        24 décembre 2005 à 15:29:28

        j'ai fait, mais ca n'a rien changé
        • Partager sur Facebook
        • Partager sur Twitter
          24 décembre 2005 à 15:38:41

          2eme le doctytpe xhtml 1.0 strict et javascript non compatible de cette maniere
          • Partager sur Facebook
          • Partager sur Twitter
            24 décembre 2005 à 15:45:42

            heu...en francais ? et que dois je faire pour y remedier ?
            • Partager sur Facebook
            • Partager sur Twitter
              24 décembre 2005 à 15:54:56

              supprimer le script java s ou changer le doctype en html 4.01 ou 1.0 transitionnal le script java c'est peut-etre l'hebergeur qui l'ajoute
              • Partager sur Facebook
              • Partager sur Twitter
                24 décembre 2005 à 15:58:53

                Essayes de baisser la taille du menu ou du texte principal.
                • Partager sur Facebook
                • Partager sur Twitter
                  24 décembre 2005 à 16:10:14

                  ce n'est pas ca qui va le centrer dans la page
                  • Partager sur Facebook
                  • Partager sur Twitter
                    24 décembre 2005 à 18:56:47

                    Certes, mais ça règlera surment le problême du texte en dessous du menu :p
                    • Partager sur Facebook
                    • Partager sur Twitter
                      25 décembre 2005 à 2:40:55

                      bonjour,
                      en fait a cause du javascript ajouter a ta page (a ton insu) par ton hebergeur, IE traitera ta page comme du vulgaire html et donc une grande partie de ton "css" ne sera pas appliquer,... un peu de code avant le doctype et IE ne le reconnait pas !
                      et zut.
                      Change d'hebergeur ou resigne toi a faire une page sans doctype, et peut de possibilité css.
                      a plus
                      • Partager sur Facebook
                      • Partager sur Twitter

                      fan de pluxml je suis cuisinier et codeur amateur. Des thèmes pour pluxml ? Oui

                        26 décembre 2005 à 20:38:54

                        ok, merci a vous tous, je vais changer d'heberguer alors!

                        PS : désoléer de pas vous avoir remercié plutot, masi vous savez, les fete :-°
                        • Partager sur Facebook
                        • Partager sur Twitter

                        internet explorer qui fait des sienne

                        × 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