Problème d'affichage sous Firefox

**palassou** · 29/09/2006, 17h19

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
 
<!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

**trotters213** · 30/09/2006, 13h52

Alors si j'ai bien tu as un fichier .html dans lequel tu marques ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<script language="javascript" type="text/javascript">
<!--
       <? include("../commun/fonctions/fonctions.js"); ?>
-->
</script>

donc tu ouvres des balises pour un script javascript dans lequel tu fais un appel PHP,...

Essaie de faire comme ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<head>
      <title></title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <? include("../commun/fonctions/fonctions.js"); ?>
      ...
</head>

et appelle ton fichier en .php.

**Bisûnûrs** · 30/09/2006, 14h24

Ou encore mieux :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script language="JavaScript" type="text/javascript" src="../commun/fonctions/fonctions.js"></script>

**palassou** · 03/10/2006, 09h43

Merci à vous deux!!

Vous avez tout a fait raison. je passerai mon code comme ca plus tard mais pour l'instant ca m'aide a savoir où j'ai une erreur

Mon probleme venait de mon javascript. IE et firefox n'utilise pas les même fonctions.

Problème d'affichage sous Firefox

HTML

Discussions similaires

Partager

Partager