Partage
  • Partager sur Facebook
  • Partager sur Twitter

Probleme entre firefox et ie

Sujet résolu
tibeoh
    23 avril 2006 à 13:40:07

    Salut c'est encore moi, ;)

    Pour ceux qui ne le savent pas je créer un site et j'essai qu'il soit possible de naviguer avec internet explorer et FireFox...

    J'ai utilisé des !important mais là ça coince...

    Je n'ai plus qu'un problème sur une page pour que ça fonctionne (il faut dire qu'en ce moment j'ai deux pages sur mon site :-° ).

    Voila le lien pour aller sur mon site.

    Il faudrait que les 4 photos de mon cousin et de moi soit de la même taille. Vous verrez aucun problème sur FF mais sous IE... Comme d'ab probleme...

    Voici les codes xhtml et css

    <!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>
           <title>Monotonic : Le monocycle pour tous...</title>
           <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
               <link rel="stylesheet" media="screen" type="text/css" title="Essai" href="../Css/on_est_qui.css" />
       </head>

       <body>
       <div id="all">

               <img src="../../Images/monotonic.bmp" alt="logo monotonic" id="imgentete" />
                      
         <div id="menuglobal">
         <div id="menu">       
               <div id="titremenu">
                   MENU
               </div>
           
               <div id="element_menu">
                   
                   <img src="../../Images/fleche1.png" alt="fleche"/><a href="../../index.html" title="Les news du site">Accueil/News</a><br />
                   <img src="../../Images/fleche1.png" alt="fleche"/><a href="on_est_qui.html" title="En faites qui vous êtes">On s' présente</a><br />
               </div>
             </div>
         </div>

           <div id="corps">
                    <h1>==> On s'présente <==</h1>
                     <p> Pour l'instant vous êtes sur un site dont vous ne connaissez pas les 2 auteurs. (maintenant vous savez qu'ils sont deux !!)</p>
                     <p> Devinez quoi, cette page du site est faite pour nous connaître (pour ceux qui auraient un p'tit peu de mal on est sur la page "on s'présente")</p>
                    
                     <p>On va commencer par $T@N</p>
                        <div id="stan">
                              <p><img src="../../Photos/Funs/004.jpg" alt="photo $T@N" id="img0034" /><img src="../../Photos/Funs/003.jpg" alt="photo $T@N" id="img0034" />
                              <strong>Prénom :</strong> Stanislas<br />
                              <strong>Surnom :</strong> $T@N<br />
                  <strong>Date de naissance :</strong> Le 28 novembre 1991<br />
                  <strong>Ville :</strong> Près de Rambouillet<br />
                  <strong>Passion :</strong> Le monocycle, et la chasse<br />
                              <strong>N'aime pas :</strong> Le RAP, le football et les courgettes<br />
                              <strong>Passe-temps :</strong> Programmation<br />
                              <strong>Cours préférés :</strong> La physique et l'SVT<br />
                  <strong>Aliments préférés :</strong> Les filets de perche<br />
                  <strong>Boisson préférée :</strong> l'Oasis is good<br />
                              <strong>Style de musique :</strong> System of down, Muse et un peu de tout<br />
                              <strong>Couleurs préférées :</strong> Le vert, le bleu et le jaune<br />
                              <strong>Qualités :</strong> Je dis ce que je pense et je suis un <em>inventateur</em> de mots<br />
                              <strong>Défauts :</strong> Je me bats souvent pour le plaisir<br /></p>
                            </div>
                           
                            <p> Et voici T!B0</p>         
                            <div id="tibo">
                              <p><img src="../../Photos/Funs/006.jpg" alt="photo $T@N" id="img0056" /><img src="../../Photos/Funs/005.jpg" alt="photo $T@N" id="img0056" />
                              <strong>Prénom :</strong> Thibault<br />
                              <strong>Surnom :</strong> T!B0<br />
                  <strong>Date de naissance :</strong> Le 20 mai 1991<br />
                  <strong>Ville :</strong> Au sud-ouest de Paris dans la banlieue parisienne<br />
                  <strong>Passion :</strong> Le monocycle, le bridge et l'informatique<br />
                              <strong>N'aimes pas :</strong> Le RAP, le RNB et quand on me dérange pendant que je creé le site<br />
                  <strong>Passe-temps :</strong> La télévision, la musique, la radio et la Play Station 2<br />
                              <strong>Cours préférés :</strong> Les mathématiques et la physique<br />
                  <strong>Aliments préférés :</strong> Moules frites et tous les fruits de mer<br />
                  <strong>Boisson préférée :</strong> Coca-cola<br />
                              <strong>Style de musique :</strong> System of down, les musiques qui passent en ce moment<br />
                              <strong>Couleurs préférées :</strong> Le bleu, le jaune et le rouge<br />
                              <strong>Qualités :</strong> Je partage, je suis à l'écoute et je suis un petit comique<br />
                              <strong>Défauts :</strong> Par moment je sais pas pourquoi j'ai envie de faire c£$¤% le monde et je m'énerve vite<br /></p>
                            </div>
           </div>
               </div>
       </body>
    </html>



    body
    {
       width: 95%;
       margin: auto;
       text-align: center;
       margin-top: 20px;
       margin-bottom: 20px;   
       background-color: rgb(255,255,135);
    }

    #all
    {
       width: 95%;
       text-align: left;
    }

    a
    {
       text-decoration: none;
       color: rgb(0,130,0);
    }

    a:hover
    {
       color: rgb(230,90,0);
       font-style: italic;
    }

    #imgentete
    {
       width: 100%;
       margin-bottom: 10px;
       height: 100px;
       border: 1px solid rgb(35,150,10);
    }

    #menuglobal
    {
       float: left;
       width: 18%;
       margin-right: 1%;
    }

    #menu
    {
       font-family: Tahoma, Arial, 'Times New Roman', Times, serif;
       background-color: rgb(190,255,150);
       border: 3px solid rgb(35,150,10);
    }

    #titremenu
    {
       border-bottom: 2px dotted rgb(35,150,10);
       text-align: center;
       font-size: 120%;
       color: rgb(35,150,10);
    }

    #element_menu
    {
       padding: 8px;
       font-size: 85%;
    }

    #utilitaires
    {
       margin-top: 4px;
       font-family: Tahoma, Arial, 'Times New Roman', Times, serif;
       background-color: rgb(190,255,150);
       border: 3px solid rgb(35,150,10);
    }

    #titreutilitaires
    {
       border-bottom: 2px dotted rgb(35,150,10);
       text-align: center;
       font-size: 120%;
       color: rgb(35,150,10);
    }

    #element_utilitaires
    {
       padding: 8px;
       font-size: 85%;
    }

    #corps
    {
       float: right;
       width: 78% !important;
       width: 80%;
       margin-bottom: 20px;
       padding: 7px;
       color: rgb(0,130,0);
       background-color: rgb(190,255,155);
       border: 3px solid rgb(35,150,10);
       font-family: Tahoma, Arial, 'Times New Roman', Times, serif;
       font-size: 95%;
    }

    h1
    {
       text-align: center;
       color: rgb(0,115,0);
    }

    #corps a
    {
       color: rgb(255,200,0);
    }

    .smiley
    {
       vertical-align: middle;
    }

    strong
    {
       color: rgb(255,215,0);
    }

    #stan
    {
        border: none;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        padding: 12px;
        background-color: rgb(255,255,210);
        font-size: 90%;
            color: rgb(0,155,0);
    }

    #img0034
    {
       width: 25%;
       float: right;
       margin: 4px;
    }

    #tibo
    {
        border: none;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        padding: 12px;
        background-color: rgb(255,255,210);
        font-size: 90%;
            color: rgb(0,155,0);
    }

    #img0056
    {
       width: 25%;
       float: right;
       margin: 4px;
    }


    Merci de trouver une solution car moi j'arrive pas... :(
    • Partager sur Facebook
    • Partager sur Twitter
    strucky
      23 avril 2006 à 14:00:54

      Salut,

      Déjà commence par créer des miniatures de tes photos correspondant aux tailles désirées (pourquoi mettre des photos si grandes ? en tout 200ko pour 4 petites photos), ensuite met dans tes balises img des width et height tout simplement.

      Nb: essaie également de réduire le poids de ta bannière ;)
      • Partager sur Facebook
      • Partager sur Twitter
      tibeoh
        23 avril 2006 à 14:11:18

        Merci a toi !! Ca marche mais est valide Xhtml ?

        Et connait tu un code php pour créer des miniatures ?

        Encore merci
        • Partager sur Facebook
        • Partager sur Twitter
        strucky
          23 avril 2006 à 14:20:58

          T'es sûr que ça marche ?
          Regardes avec FF.

          Pour des miniatures en php, regardes les cours php du site partie GD.
          • Partager sur Facebook
          • Partager sur Twitter
          tibeoh
            23 avril 2006 à 17:14:36

            C'est quoi GD, j'ai seulement compris que c'était Gauche Droite....
            • Partager sur Facebook
            • Partager sur Twitter
            strucky
              23 avril 2006 à 17:48:44

              C'est une librairie de php servant à la fabrication d'images.
              http://www.siteduzero.com/tuto-3-166-1-creer-des-images-en-php.html

              Mais si tu n'as pas encore de bases en php, commence par le début des cours.
              • Partager sur Facebook
              • Partager sur Twitter

              Probleme entre firefox et 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