créer un site


Problème d'affichage sous firefox

Poster un nouveau sujet sur css   Répondre au sujet à css:Problème d'affichage sous firefox    Accueil Forum -> css
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
pestak
frontpage mioche
frontpage mioche
MessageProblème d'affichage sous firefox , Posté le: 29-09-2006 15:59

Bonjour,

Mon site est découpé en 3 parties. Chaque page a pour hauteur la taille de la l'écran de l'internaute. Pour ce faire la partie centrale est de taille variable et scrollable. La partie "header" et "footer" ont une taille fixe. La partie centrale doit s'ajuster à la hauteur de l'écran moins les deux autres parties. Pour ce calcul j'utilise le javascript.

Sous IE et Opera cela fonctionne très bien mais sur firefox pas du tout. Firefox ne prend pas en compte la taille que j'affecte au div.
Si j'enleve la balise DOCTYPE, là par contre firefox réagit bien.

Voici ma css
Code:

html{
   margin:0;
   padding:0;
   font-family:"Lucida Sans Unicode",Verdana, Arial;
}

body{
    margin:0;
   padding:0;
   width:100%;
   font-family:"Lucida Sans Unicode",Verdana, Arial;
   font-size:12px;
             _height: 100%;
   min-height: 100%;
}

#base{
        background: transparent url(/commun/images/traitfond.png) repeat left top;
}

#header{
        background: transparent url(/utilisateur/images/logo.png) no-repeat left top;
        text-align: left;
}

#content{
        overflow: auto;
        text-align: left;
}

#footer{
        text-align: left;
}


Ma page
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
      <title></title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
             <script language="javascript" type="text/javascript">
   <!--
                           <? include("../commun/fonctions/fonctions.js"); ?>
             -->
             </script>

   <!--menu-->
   ...
             <!-- fin menu-->
             <style type="text/css" media="screen">
                   @import url(./style/screen.css);
                   @import url(./style/administrateur.css);
             </style>

</head>
<body>
      <div id="base">
         <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr >
<td width="100%" height="178px">
           <div id="header">
                <br/>
                <div id="contentmenu">
                     <ul id="menu">
                         <li>
                             ....
                         </li>
                     </ul>
                     <ul id="menu">
                         <li>
                             ...
                         </li>
                     </ul>
                </div>
       </td>
</tr>
<tr >
<td>
<script language="javascript">
        var hauteur_header_footer=251;
        var hauteur_utilisateur=70;
        var hauteur_habilitation=70;

        document.write('<div id=\"content\" style=\"_height:');
        document.write(calcul_hauteur_cellule_tableau(251));
        document.write('px; min-height: ');
        document.write(calcul_hauteur_cellule_tableau(251));
        document.write('px; height: ');
        document.write(calcul_hauteur_cellule_tableau(251));
        document.write('px;> \"');
</script>
        <!-- contenu de la page -->
            ...
        <!-- contenu de la page -->

</div>
</td>
</tr>
<tr >
        <td width="100%" height="61px">
           <div id="footer" >
               ...
        </td>
</tr>
        </table>
     </div>
</body>
</html>


Je me doute que j'ai pas utilisé la bonne méthode, mais pouvez vous m'éclairer SVP.

Merci d'avance Smile
pagetronic
moderateur
moderateur
MessageProblème d'affichage sous firefox , Posté le: 01-10-2006 11:42

tu as beaucoup d'erreur dans ton html..
passe le à la validation et tu verra que ca fonctionnera apres Wink
pestak
frontpage mioche
frontpage mioche
Message[Resolu] , Posté le: 03-10-2006 8:38

Merci pour ton aide.
Le problème venait du fait qie IE et firefox n'utilise pas la mêm fonction javascript
Montrer les messages depuis:   
Poster un nouveau sujet sur css   Répondre au sujet à css:Problème d'affichage sous firefox    Accueil Forum -> css Toutes les heures sont au format GMT + 1 Heure
Page 1 sur 1

 
Sauter vers:  
S'enregistrerS'enregistrer
ProfilProfil
Se connecter pour vérifier ses messages privésSe connecter pour vérifier ses messages privés
RechercherRechercher
Liste des MembresMembres
FAQFAQ
ConnexionConnexion 


© Mentions Légales