Partage
  • Partager sur Facebook
  • Partager sur Twitter

pb css firefox et ie

    25 février 2006 à 23:09:53

    bonjour tout le monde,
    voila mon pb j'ai fait un site en php avec un feuille de style css comprenant un body, un conteneur, un header, un navigation, un centre et un pied
    quand j'affiche mes pages sous ie ou firefox le rendu n'est pas le meme
    sous ie, mes boites ont bien été prises en compte c'est a dire que quelquesoit la longueur de mon centre sur chaque page je vois mon header mon navigation mon centre (avec ou non un scrollbar) et mon pied
    par contre sous firefox elles ne sont pas pris en compte je vois bien mon header et mon navigation mais mon pied change de position selon mon centre!!!!!
    est-ce normal ???
    voici ma feuille css
    body {
            margin: 0px;
            overflow: auto;
            position: absolute;
    }
    .conteneur {
            width: 100%;
            margin: 0px;
            height: 100%;
            background-color: #FFFFFF;
            padding: 0px;
    }
    .header {
            height: 10%;
            width: 100%;
            margin: 0px;
            float: right;
            right: 0px;
            overflow: auto;
            border: none;
            background-color: #0066FF;
            padding: 0px;
    }
    .navigation {
            height: 4%;
            width: 100%;
            float: none;
    }
    .centre {
            height: 81%;
            width: 100%;
            margin-right: 0px;
            margin-left: 0px;
            overflow: auto;
            background-repeat: repeat;
    }
    .pied {
            height: 4%;
            width: 100%;
            float: none;
            background-color: #99FF00;
    }

    et voici par exemple une page
    <html>
    <head>
    <title>Vacances vertes en Martinique</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script language="JavaScript"> function imprimer() {windows.print();}</script>
    </head>

    <body>
    <div align="center">
      <p>&nbsp;</p>
      <table width="85%" border="0">
        <tr>
          <td width="28%" height="97">&nbsp;</td>
          <td width="51%"><div align="center"><font color="#FF3300" size="3"><strong>* FICHE
              DE RENSEIGNEMENTS *</strong></font> </div></td>
          <td width="21%">
    <!-- DEBUT DU SCRIPT IMPRIMER-->
    <p><a href="javascript:window.print()"><img src="photos/imprime.gif" title="imprimer cette page"></a></p>
    <!-- FIN DU SCRIPT IMPRIMER-->
          </td>
        </tr>
      </table>
      <p><font size="3">Type de s&eacute;jour souhait&eacute; : </font></p>
      <p> <font color="#FF0000"><strong>IMPORTANT : </strong></font><font color="#FF0000" size="2">Pour
        r&eacute;server votre s&eacute;jour, retourner ce document accompagn&eacute;
        de votre ch&egrave;que d&#8217;arrhes (30% du montant total),<br>
        &agrave; l&#8217;odre du &laquo; </font></p>
      <table width="91%" border="0">
        <tr>
          <td width="26%"><p><em><font size="2"> </font></em></p>
            <p><font size="2"><em><br>
              <br>
             <br></em></font></p>
            <p><font size="2"><em><br>
              <br>
              </em></font></p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p></td>
          <td width="74%"><p><font size="3"><strong>NOM :</strong> . . . . . . . .
              . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
              . . . . </font></p>
            <p><font size="3"><strong>Pr&eacute;nom :</strong> . . . . . . . . . .
              . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
              . </font></p>
            <p><font size="3"><strong>Adresse :</strong> . . . . . . . . . . . . .
              . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . </font></p>
            <p><font size="3">. . . . . . . . . . . . . . . . . . . . . . . . . .
              . . . . . . . . . . . . . . . . . . . . . . . . </font></p>
            <p><font size="3"><strong>Code Postal :</strong> . . . . . . . . . . .
              . . . . . . . . . . . . . . . . . . . . . </font></p>
            <p><font size="3"><strong>Ville :</strong> . . . . . . . . . . . . . .
              . . . . . . . . . . . . . . . . . . . . . . . </font></p>
            <p><font size="3"><strong>Pays :</strong> . . . . . . . . . . . . . .
              . . . . . . . . . . . . . . . . . . . . . . . </font></p>
            <p><font size="3"><strong>Tel fixe :</strong> . . . . . . . . . . . .
              . . . . . . . . . . . . . . . . . . . . . . . </font></p>
            <p><font size="3"><strong>Port :</strong> . . . . . . . . . . . . . .
              . . . . . . . . . . . . . . . . . . . . . . . </font></p>
            <p><font size="3"><strong>Date de Naissance :</strong> . . . . . . . .
              . . . . . . . . . . . . . . . . . . . . . . </font></p>
            <p><font size="3"><strong>Email :</strong> . . . . . . . . . . . . . .
              . . . . . . . . . . . . . . . . . . . . . . . </font></p>
            <p><font size="3"> <strong>Licence sportive :</strong> FFME - FFRP - aucune
              </font></p>
            <p><font size="3"> <strong>N&deg; de licence :</strong> . . . . . . .
              . . . . . . . . .</font></p>
            <div align="center"><u> <strong>Signature</strong></u> </div></td>
        </tr>
      </table>
    </div>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    </body>
    </html>

    j'espere avoir ete assez claire
    avez vous une idée sur cette erreur qui est plutot genante ????
    d'avance merci
    sandrine
    • Partager sur Facebook
    • Partager sur Twitter
      26 février 2006 à 8:22:32

      salut
      je n'ai pas trop le temps maintenant mais d'ores et deja tu sors tes elements en leur attribuant des vpropriétées inutiles supprime tous les float et position absolute
      • Partager sur Facebook
      • Partager sur Twitter

      pb css 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