Partage
  • Partager sur Facebook
  • Partager sur Twitter

Décalage IE/FF

Sujet résolu
Finality
    23 décembre 2005 à 15:57:03

    Bonjour tout le monde
    Je viens de coder le design de mon site mais je me suis apperçu qu'il y avait un décalage entre IE et FF. Malgrès de nombreux effort, je ne suis pas parvenu à résoudre ce problème. C'est pour ça que je m'en remet à vous :D
    Voilà le lien
    Le code XHTML

    <body>

    <div id="header">
    </div>

    <div id="page">

       <div id="menu_gauche">
       
          <h3></h3>
              
              <h4 style="width:133px; height:48px; background-image:url(http://worldmm.free.fr/site.gif); margin:0px; margin-left:25px;"></h4>
              
              <ul>
              <li>Demo</li>
              <li>Demo</li>
              <li>Demo</li>
              </ul>
              
       </div>
       
       <div id="centre">
         
              <!-- *********Début menu haut************ -->
              <div class="menu_haut">
              
                 <div class="news">
                            <h3></h3>
                           
                            <p></p>
                           
                            <div class="bas_news">
                            </div>
                           
                     </div>
                    
                     <div class="releases">
                        <h3></h3>
                           
                            <p></p>
                           
                            <div class="releases_bas">
                            </div>
                           
                     </div>
                                   
              </div>
              
              <!-- ***********Début corps************* -->
              <div class="corps">
                 <div class="haut_corps">
                     </div>
                    
              </div>
              
       </div>
       <!-- ***********Fin menu haut************* -->
       
       <!-- ***************Debut menu droit************* -->
       <div id="menu_droit">
       
          <!-- ***************Debut chatbox***************** -->
          <div class="chatbox">
          <h3></h3>
              
              <div class="texte">
              </div>          
              
              <div class="bas_chatbox">
              </div>
              </div>
              <!-- **************Fin chatbox***************** -->
              
              <div class="navigation2">
              <h3></h3>
              </div>
              
       </div>
       <!-- **************Fin menu droit*************** -->
       
       <div id="footer">
       </div>
       
    </div>
    </body>

    Et le CSS

    body
    {
       width:800px;
       margin:auto;
    }

    #header
    {
       width:800px;
       height:370px;
       background-image:url(images/header.jpg);
    }

    #page
    {
       width:800px;
       height:auto;
       background-image:url(images/fond.jpg);
    }

    #menu_gauche
    {
       width:173px;
       height:auto;
       float:left;
       margin:0px;
    }

    #menu_gauche h3
    {
       width:173px;
       height:95px;
       background-image:url(images/menu_gauche/titre.jpg);
       margin:0px;
    }

    #menu_gauche ul
    {
       width:143px;
       height:auto;
       margin:0px;
       list-style-type:none;
       padding-left:30px;
       color:#FF7403
    }

    #centre
    {
       width:476px;
       height:auto;
       margin-left:173px;
    }

    .menu_haut
    {
       width:476px;
       height:auto;
    }

    .news
    {
       position:absolute;
    }

    .news h3
    {
       width:253px;
       height:51px;
       background-image:url(images/menu_haut/news/haut.jpg);
       margin:0px;
       padding:0px;
    }

    .news p
    {
       width:253px;
       height:58px;
       background-image:url(images/menu_haut/news/milieu.jpg);
       margin:0px;
    }

    .bas_news
    {
       width:253px;
       height:23px;
       background-image:url(images/menu_haut/news/bas.jpg);
    }

    .releases
    {
       position:absolute;
       margin-left:253px;
    }

    .releases h3
    {
       width:223px;
       height:37px;
       margin:0px;
       background-image:url(images/menu_haut/releases/haut.jpg);
    }

    .releases p
    {
       width:223px;
       height:68px;
       margin:0px;
       background-image:url(images/menu_haut/releases/milieu.jpg);
    }

    .releases_bas
    {
       width:223px;
       height:27px;
       background-image:url(images/menu_haut/releases/bas.jpg);
    }

    .corps
    {
       width:476px;
       height:auto;
       position:absolute;
       margin-top:132px;
    }

    .haut_corps
    {
       width:476px;
       height:46px;
       background-image:url(images/corps/haut.jpg);
    }

    #menu_droit
    {
       width:151px;
       height:auto;
       float:right;
    }

    .chatbox
    {
       width:151px;
       height:auto;
       background-image:url(images/menu_droit/fond.jpg);
       
    }

    .chatbox h3
    {
       width:151px;
       height:33px;
       margin:0px;
       background-image:url(images/menu_droit/chat-box.jpg);
    }

    .texte
    {
       width:125px;
       margin-left:7px;
       border:1px groove black;
       height:150px;
       overflow:auto;
    }

    .bas_chatbox
    {
       width:151px;
       height:20px;
       background-image:url(images/menu_droit/bas.jpg);
    }

    .navigation2 h3
    {
       width:151px;
       height:49px;
       margin:0px;
       background-image:url(images/menu_droit/titre.jpg);
    }

    #footer
    {
       clear:both;
    }

    Si quelqu'un peut me dire comment résoudre ce probleme
    Merci d'avance
    • Partager sur Facebook
    • Partager sur Twitter
    headbanger
      23 décembre 2005 à 16:06:32

      essaye de valider la dessus ca corige deja beaucoup dereures validateur xhtml,

      validateur css       c'est(est la bonne adresse mais ca le trouvepas chez moi)
      • Partager sur Facebook
      • Partager sur Twitter
      Finality
        23 décembre 2005 à 16:21:09

        Oui le validateur CSS ne marche pas o_O
        Par contre, je n'ai aucune erreur dans mon code html (d'après le validateur).
        Personne n'a une idée ?
        • Partager sur Facebook
        • Partager sur Twitter
        headbanger
          23 décembre 2005 à 22:47:19

          ca y est j'ai reussis a aller sur le validateur css (sans changer l'adresse donc c'etait la bonne) donc essaye
          • Partager sur Facebook
          • Partager sur Twitter
          jp949
            24 décembre 2005 à 6:46:33

            Lu. essaie ca pour voir , si le probleme est la ou je pense.

            .haut_corps
            {
               width:476px;
               height:46px;
               margin:0 ! important;
               margin-left:-3px;
               background-image:url(images/corps/haut.jpg);
            }
            • Partager sur Facebook
            • Partager sur Twitter
            Finality
              24 décembre 2005 à 10:00:29

              Super çà marche
              Quel idiot d'avoir oublié le margin:0px :D
              Merci beaucoup
              • Partager sur Facebook
              • Partager sur Twitter
              jp949
                24 décembre 2005 à 10:21:15

                Content pour toi que ca marche
                probleme resolu
                • Partager sur Facebook
                • Partager sur Twitter

                Décalage IE/FF

                × 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