Partage
  • Partager sur Facebook
  • Partager sur Twitter

Probleme affichage FF et IE

Un de plus ...

c0u4k3r
    13 juillet 2006 à 15:22:40

    Bonjour a tous
    voila mon probleme : l'affichage de mon site sous FireFox et Internet Explorer est different, plutot moche sur IE !
    Je développe mes sites sous FireFox mais là je ne vois pas le probleme :(

    Screen sous IE

    Screen sous FF

    Voila le code de l'index pour le probleme no1 (cf. le screen sous IE)

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>www.my-pictures.ca.cx</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>

    <body text="#000000" link="#5C7BA9" bgcolor="#FFFFFF">

    <div align="center">

    <table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <td><img src="images/header.png" width="800" height="100" border="0"></td>
    </tr>
    </table>

    <table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <td>
    <img src="images/menu_1.png" height="33" border="0"><a href=?page=a_propos.php><img src="images/menu_2.png" height="33" border="0"></a><img src="images/menu_3.png" height="33" border="0"><a href=?page=upload.php><img src="images/menu_4.png" height="33" border="0"></a><img src="images/menu_5.png" height="33" border="0"><a href=?page=liens.php><img src="images/menu_6.png" height="33" border="0"></a><img src="images/menu_7.png" height="33" width="82" border="0"><a href=?page=livre_dor.php><img src="images/menu_8.png" height="33" border="0"></a><img src="images/menu_9.png" height="33" border="0">
    </td>
    </tr>

    <tr>
    <td align=center>
    <marquee  width=600>Bonjour et Bienvenue sur <font color=red>www.my-pictures.ca.cx</font> , hébergeur pour vos photos et images !</marquee>
    </td>
    </tr>

    <tr>
    <td><img src="images/haut_body.png" width="800" height="20" border="0"></td>
    </tr>
    </table>

    <table width="800" border="0" cellpadding="0" cellspacing="0" align=center>

    <tr>
    <td background="images/fond_body.png">

    <table width="750" border="0" cellpadding="0" cellspacing="0" align=center>
    <tr><td>
    <?php
    $path = $_SERVER["DOCUMENT_ROOT"];
    $goto = "$path" . "/pages/" . "$page";

    if (isset($_GET['page'])&&file_exists($goto))
    {
    include "$goto";
    }
    else
    {
    include "$path" . "/pages/a_propos.php";
    }
    ?>
    <br><br><center><small><script type="text/javascript" src="http://www.abcompteur.com/cpt/?code=6/46/6208/4/1&ID=100885"></script>&nbsp;visiteurs sont venus ici ! Merci.</small></center>
    </td></tr></table>

    </td>
    </tr>

    <tr>
    <td><img src="images/bas_body.png" width="800" height="20" border="0"></td>
    </tr>
    </table>

    <table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr height=14></tr>
    <tr>
    <td><img src="images/footer.png" width="800" height="52" border="0"></td>
    </tr>
    </table>

    </div>
    </body>
    </html>


    Pour le probleme no2 voila le CSS :

    <style type="text/css">
            .titre
            {
             width: 650px; /* On a indiqué une largeur (obligatoire) */
             text-align: left;
             padding: 2px;
             margin: auto; /* On peut donc demander à ce que le block soit centré avec "auto" */
             margin-bottom: 0px;
             background-color:#FFFF61;
             color:black;
             font-size:0.7em;
             border-top: thin solid #F2E21A;
             border-left: thin solid #F2E21A;
             border-right: thin solid #F2E21A;
             }
            .corps
            {
             background-color:#FFFFFF;
             width: 650px; /* On a indiqué une largeur (obligatoire) */
             text-align: justify;
             padding: 2px;
             margin: auto; /* On peut donc demander à ce que le block soit centré avec "auto" */
             margin-bottom: 0px;
             color:black;
             font-size:0.9em;
             border-left: thin solid #F2E21A;
             border-right: thin solid #F2E21A;
             border-bottom: thin solid #F2E21A;
            }
           
            </style>


    Et la ligne de code php en rapport avec le CSS :

    echo '<center><br><p class="titre">&nbsp;<u>' . $donnees['pseudo'] . '</u> a écrit :</p><p class="corps">' . $donnees['message'] . '</p></center>';


    Edit : je met le lien : http://www.my-pictures.ca.cx/

    Un grand merci d'avance :)
    • Partager sur Facebook
    • Partager sur Twitter
    hypnos
      13 juillet 2006 à 15:40:12

      j'ai pas lu ton code mais pour aller vite tu peut faire une image de taille plus grande en hauteur pour le haut de ta boiboite...

      edit : en resumé : fait une image blanche plus haute pour ta boite de 'titre' et copie/colle l'image actuelle en la positionant en bas de cette image plus haute...
      • Partager sur Facebook
      • Partager sur Twitter
      c0u4k3r
        13 juillet 2006 à 16:04:34

        hum c'est du bricolage !
        enfaite je devrai créer une image de hauteur 14px et remplacer :

        <tr height=14></tr>


        par :
        <tr><img src="monimage.jpg" width="..." height="14"></tr>


        c'est çà ? ya pas une meilleur solution ou tout du moins une explication ?!
        • Partager sur Facebook
        • Partager sur Twitter
        c0u4k3r
          16 juillet 2006 à 20:26:58

          Up ! svp quelqu'un pourrait-il m'aider ? :)

          Edit : mon probleme no1 est résolu mais pas le 2eme ! A l'aide ...
          • Partager sur Facebook
          • Partager sur Twitter

          Probleme affichage FF 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