probleme height 100%

bonjour

j'ai une feuille de style dans laquelle je definie un style av un heigth de 100%

Or cela fonctionne bien sous toutes les pages ou je l'utilise sauf une et uniquement sous IE, sous FF marche nickel

j'

dsl bug mauvaise manip

je reprend

j'ai essayer de copier les code du div qui fonctionnait bien dans celui qui ne fonctionne pas idem meme probleme
les pages sous similiaire donc je ne voi pas trop d'ou cela vient

si quelqu'un a une idée

Hello,

Pour qu'on puisse t'aider tu devrais mettre le code HTML et CSS de la page incriminée :)

un des probleme quand on utilise des height en % c'est qu'il faut mettre le height dy body et html a 100%
Code:

1 2 3 4 body, html { height: 100%; }
Si ca vien pas de la, il va faloir que tu nous mette un peu de code comme l'a suggeré sedryk :)

je vais vous donner une partie de mon code avec une partie de la feuille de style
si vous pouviez me dire d'ou vien le probleme et si vous l'avez ca serai sympa car la je ne voi vraiment pas

ps: j'ai retirer les gestion php du code
merci pour l'aide

Code:

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
 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<noscript>
<meta http-equiv="refresh" content="0;URL=nojavascript.php">
</noscript>
<title>toto</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
<link href="2col_leftNav.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="banniere">
	<img src="img/banniere2.jpg" >
</div>
<div id="siteName">
	<img src="img/banniere.jpg" >
</div>
<div id="sepVerti"></div>
<div id="content">
	<div id="img" style="position:absolute; width: 487px; left: 64px; top: 66px;"><img src="img/Capture_3.jpg"></div>
</div>
 
<div id="navBar">
	<? include ("commun/dateHeure.inc"); ?>
	<hr>
	<div>
  		<form action="index.php" method="post" name="formIdentifiant"  id="formIdentifiant">
   		 <p align="center">
    		<label>Identifiant utilisateur :</label><br>
    		<input type="text" name="nom_ut">
   	 	</p>
   	 	<p align="center">
    		<label>Mot de passe :</label><br>
		<input type="password" name="mot_passe">
		</p>
      		<p align="center">
        	<input name="connexion" type="submit" value="Connexion">
	 	</p>
  		</form>
   		<p align="center"><a href="contact.php">Mot de passe oublié </a> </p>
	</div>
	<hr>
    	<p align="center"><?php echo "<span class=\"alert\">".$message ."</span>";?></p>
</div>
</body>
</html>

le code ci dessu est celui qui ne fonctionne pas

Code:

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
 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<noscript>
<meta http-equiv="refresh" content="0;URL=nojavascript.php">
</noscript>
<title>toto</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
<link href="2col_leftNav.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="banniere">
	<img src="img/banniere2.jpg" >
</div>
<div id="siteName">
	<img src="img/banniere.jpg" >
</div>
<div id="sepVerti"></div>
<div id="content">
<div id="fonctionUser" >
  <h2>S&eacute;lection de la fonction : </h2>
  <ul>
    <ul>
      <li><a href="<?php echo url("toto1.php");?>">toto1</a></li>
      <li><a href="<?php echo url("toto2.php");?>">toto2</a></li>
      <li><a href="<?php echo url("toto3.php");?>">toto3</a></li>
      <li><a href="<?php echo url("toto4.php");?>">toto14</a></li>
 
    </ul>
  </ul>
</div>
<div id="fonctionAdmin">
	<? if($droitUser == 1){
                echo "
                <h2>Fonction Administrateur : </h2>
                <blockquote>
        <ul>
        <li><a href=\"". url('toto5.php')."\">toto5</a></li>
        <li><a href=\"". url('toto6.php')."\">toto6 </a></li>
        </ul>
                </blockquote>";
         }
         ?>
</div>
</div>
<div id="navBar">
<? include ("commun/dateHeure.inc"); ?>
  <hr>
  <div>
 
      <h2 align="center"><? echo $serviceUser ?></h2>
      <h3 align="center"><? echo $prenomUser." ". $nomUser?></h3>
      <h3 align="center"><? echo $session?></h3>
      <p align="center"><a href="<?php echo url("finSession.php");?>" target="_parent">fermer la session</a> </p>
      <hr>
 
  </div>
</div>
</body>
</html>

celui ci dessus fonctionne normalement comme je le souhaite

Code:

1
2
3
4
5
6
7
8
9
 
 
#navBar{
  height :100%
}
 
body, html {
height: 100%;
}