Mon site n'est pas bien cadrer sur firefox ??

Bonjours a tous j'ai fait récement un site http://grecosims.free.fr il ne fonctionne que sous le navigateur ie 7 sous les autres comme opera firefox ... il est pas bien vue, j'ai le cadrage qui est faux comment corriger ca ?

On ma dit que si tu le cadrer via firefox tu vera a 90% que les autres navigateur comme ie .. au rond la même chose que sous firefox

Pouvait-vous m'aider ?
Configuration: Windows XP
Internet Explorer 7.0

21 réponses

  1. Contributeur
    Bonjour,

    Et quel “cadrage” veux-tu ? En quoi est-il faux ?
    Qu'est-ce qui ne va pas ?

    Ah, il me semble que j'en aperçois un peu.
    Par exemple, ça :
    <li><a href="index.html">ACCUEIL</a></li>
    <img src="css/02.png"/>
    <li><a href="news.html">NEWS</a></li> 
    <img src="css/02.png"/>
    
    ça n'est pas permis.
    Rien d'autre que des <li> dans les <ul>.

    Le <a> n'est pas fermé :
    <h6>Best viewed: Internet Explore 7 | Copyright © 2007-2008 <a href="mailto:raff_webmaster@hotmail.fr">Grecosims</a></h6>
    Les “</br>” existent plutôt sous la forme “<br />”.

    Et ça :
    #menu
    {
    width: 100%;
    margin: left;
    text-align : center;
    }
    ça n'existe pas.

    Cette police “font-family: Ariel;” non plus.

    + Tes images sont vraiment trop lourdes.
    0
    1. Bonsoirs Gihef je te remerci de m'avoirs trouver qu'elle que fautes je les c'est corrigé "</br> et de grecosims</a> " maintenant il me reste le meta a faire a jours puis j'aimerait savoirs comment je peux positionner corectement le menu car ie il me l'affiche impec tendit que firefox ces l'oposé
      0
      1. Contributeur
        Fais une copie d'écran de ce que tu obtiens dans IE7 et qui te convient.
        Place quelque part, sur un serveur, et montre-la, donne l'adresse de cette image.
        Chez moi, le menu est râté et seul le logo GS (en haut) se déplace correctement lorsque je redimensionne la fenêtre.

        + Connais-tu quelqu'un qui saurait vérifier l'orthographe de tes textes ?
          (-;
        0
        1. Contributeur
          SALUT
          fait d abord les corrections que l on te dis de faire (Salut (-; Gihef)
          #menu
          {
          width: 100%;
          margin: left;
          text-align : center;
          }
          cela n EXISTE PAS!!!!!
          <ul class="sous_menu"> 
          
          <li><a href="index.html">ACCUEIL</a></li>
          <img src="css/02.png"/>
          <li><a href="news.html">NEWS</a></li> 
          <img src="css/02.png"/>
          <li><a href="downloads.html">DOWNLOADS</a></li> 
          <img src="css/02.png"/>
          <li><a href="faqs.html">FAQs</a></li> 
          <img src="css/02.png"/>
          <li><a href="partenaires.html">PARTENAIRES</a></li>
          <img src="css/02.png"/>
           </ul>
          rien d autre que des li dans les ul

          RAD

          0
          1. A pourquoi les <a je doit pas les mettre car il s'agit d'un menu avec des liens vers d'autre pages
            0
            1. Contributeur
              les IMAGES pas les <a> :-))
              0
              1. Contributeur
                Et dans ton code, les <a> sont dans les <li> (ça, ça marche), ils ne sont pas directement dans la <ul>.
                  <ul class="sous_menu"> 
                    <li>
                        <a href="index.html">ACCUEIL</a>
                    </li>
                  </ul>
                0
                1. A je doit faire comme ca mais les li allors elle me serve juste a montrer le texte
                  0
                  1. Contributeur
                    Pas seulement.
                    Tu peux mettre les images dans les <li>
                      <li>
                        <a href="index.html">ACCUEIL</a>
                        <img src="css/02.png" />
                      </li>
                    
                    ou
                    
                      <li>
                        <img src="css/02.png" />
                        <a href="index.html">ACCUEIL</a>
                     </li>
                    Elles ne sont pas dans la <ul>.

                    Tu peux aussi faire un peu plus complliqué et te servir d'images en background des <a> qui sont dans les <li>.

                    Tu en trouveras un exemple par ici.
                    Et d'autres, avec une technique un peu différente et plus parlants, par là.
                    0
                    1. Contributeur
                      J'ai oublié. À tester dans IE.
                      0
                  2. bonsoirs si je les mes en background qu'elle différence j'aurait ?
                    0
                    1. Contributeur
                      Si c'est discret dans le 1er exemple, c'est visible dans le 2e.

                      Utilise les menus comme en vrai.
                      Vois-tu des différences entre les 2 menus ?

                      Et puis tu sauras faire un truc nouveau (-;
                      0
                      1. C'est vraix que ton idée me plait mais maintenant reste a savoir comment le faire lol je vais chercher ^^ merci a toi gihef mais est-ce qu'il m'aidera aussi a régler le souci de mon menu l'emplacement ?
                        0
                        1. tu a besoin d'un css valide pour le navigateur firfox www.voir.ma
                          0
                          1. Contributeur
                            Oui, je (nous) allons continuer à t'aider à résoudre ce problème. Ça ne sera pas long.
                            Mais avant, montre-nous comment tu as mis en pratique la 1re solution (<img> dans les <li>) pour ton menu (avec ton texte et tes images).
                            Sa place, son alignement importent peu. Ce que je veux voir, ce sont les images correctement placées dans les textes.
                            Ensuite…

                            Place une copie de la page modifiée sur ton serveur, pas une copie d'écran, et donne-nous l'adresse.
                            0
                            1. Bonjours donc je viens de mettre correctement du moins je pense avoirs mis correctement le li venant de ul

                              <div id="menu">

                              <ul class="sous_menu">

                              <li><a href="index.html">ACCUEIL</a> <img src="css/02.png"/></li>
                              <li><a href="news.html">NEWS</a> <img src="css/02.png"/></li>
                              <li><a href="downloads.html">DOWNLOADS</a> <img src="css/02.png"/></li>
                              <li><a href="faqs.html">FAQs</a> <img src="css/02.png"/></li>
                              <li><a href="partenaires.html">PARTENAIRES</a> <img src="css/02.png"/></li>

                              </ul>
                              </div>

                              Dit-moi si cela parrait juste ou faux merci ^^
                              0
                              1. Contributeur
                                SALUT

                                juste pour soulager Gihef d un peu de travail ;-)) (salut Gihef)

                                OUI C A Y EST ;-)

                                bon moi j aurais ecrit comme ca pour plus de clarte mais bon c est un choix perso ;-)
                                <div id="menu">
                                      <ul class="sous_menu">
                                        <li>
                                        <a href="index.html">ACCUEIL</a>
                                        <img src="css/02.png"/></li>
                                        <li>
                                        <a href="news.html">NEWS</a>
                                        <img src="css/02.png"/></li>
                                        <li>
                                        <a href="downloads.html">DOWNLOADS</a>
                                        <img src="css/02.png"/></li>
                                        <li>
                                        <a href="faqs.html">FAQs</a>
                                        <img src="css/02.png"/></li>
                                        <li>
                                        <a href="partenaires.html">PARTENAIRES</a>
                                        <img src="css/02.png"/></li>
                                      </ul>
                                    </div>


                                RAD
                                0
                                1. Ouai ca me semble aussi bien comme ca ^^

                                  bon je vais corriger ce problème déja ^^
                                  0
                                  1. Bien voila j'ai fini la correction de li est a

                                    Un aperçu du code :

                                    <ul class="sous_menu">

                                    <li>
                                    <a href="index.html">ACCUEIL</a>
                                    <img src="css/img2.jpeg"/></li>
                                    <li>
                                    <a href="news.html">NEWS</a>
                                    <img src="css/img1.jpeg"/></li>
                                    <li>
                                    <a href="downloads.html">DOWNLOADS</a>
                                    <img src="css/img2.jpeg"/></li>
                                    <li>
                                    <a href="faqs.html">FAQs</a>
                                    <img src="css/img1.jpeg"/></li>
                                    <li>
                                    <a href="partenaires.html">PARTENAIRES</a>
                                    <img src="css/img2.jpeg"/></li>
                                    </ul>
                                    </div>
                                    0
                                    1. Contributeur
                                      Bon. Ça avance.

                                      J'avais envisagé de te donner quelques explications ici, mais ça risque d'être compliqué.
                                      Je te propose donc de consulter cette page où tu trouveras de quoi tester.
                                      0
                                      • 1
                                      • 2