Hauteur automatique sous IE

**bk59111** · 10/04/2007, 14h39

Bonjour,
j'utilise quelques propriétés CSS qui permette un agrandissement automatique de ma page centrale. Ca fonctionne très bien sous firefox mais alors sous IE l'horreur, je n'arrivepas à faire descendre mon pied de page.Ma page dépasse largement en hauteur, et mon pied de page se retrouve en dessous de la page.
IE ne reconnait pas min-height et je ne sais comment contourner, si quelqu'un peut m'aider!
merci
Mon code CSS (cote_g et cote_d sont 2 petites images placées de chaque coté de ma page centrale):

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
#pied_page{
		width:702px;
		height:5%; 
		text-align:center;
		}
#cote_g{
		width:150px;
		min-height:2px; 
		text-align:center;
		}
#cote_d{
		width:151px;
		min-height:2px; 
		text-align:center;
		}
#page{
		width:680px; 
		min-height:608px;
		}

L'horreur sous IE: Nom : bug.JPG
Affichages : 79
Taille : 43,5 Ko

**trotters213** · 12/04/2007, 13h58

Tu aurais du nous montrer ton code HTML aussi ça aurait été plus simple pour te répondre

min-height n'est pas reconnu sous IE d'où ton problème.
Essaie ce petit truc sur chaque div où tu utilises un min-height :

Code :

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

1
2
3
4
5
6
7
8
.ton_div{
height:600px;
}
 
html>body .ton_div{
height: auto;
min-height:600px;
}

PS ici je mets un point devant ton_div car c'est une classe. Si c'est un id il faut utiliser #

**bk59111** · 16/04/2007, 10h04

Salut trotters!
J'ai essayé avec ton astuce, ma page s'agrandit bien, mais sur les cotés, ce ne sont pas mes zones blanches (prévues à cet effet) qui s'agrandissent, mon menu se dédoublent...je te met un screen pour que tu vois le probleme et je te met mon code HTML aussi!
Merci de ton interet

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
 
<body bgcolor="#FFFFFF" >
<a name="haut" id="haut"></a>
 <table id="tableau_principal" cellpadding="0" cellspacing="0" border="0">
<tr>
	<td align="center">
		<table id="tableau_01" border="0" cellpadding="0" cellspacing="0">
		<tr>
		     <td id="image_01"></td>
		     <td id="image_02"></td>
		     <td id="image_03"></td>
		     <td id="image_04"></td>
	       </tr>
	       <tr>
		     <td id="image_05"></td>
		     <td id="image_06"><a href="service_auto/index.php" ><img src="images/fonds/design_orange_06.jpg" border="0" alt=""/></a></td>
		     <td id="image_07"></td>
		     <td id="image_08" align="center"><?PHP if($_SESSION['administrateur']=='ok') include('se_deconnecter.php');?></td>
	     </tr>
	     <tr>
		     <td colspan="4" id="image_09"></td>
	     </tr>
	     <tr>
                      //menu
		     <td rowspan="3" id="image_10" valign="top">
			<table width="100%" >
			<tr>
				<td class="titre_categorie"><center><?PHP include('menu.php');?></center></td>
			</tr>
			</table>
		     </td>
                    //page centrale
		     <td colspan="2" rowspan="5" id="image_11" valign="top" align="center"><div id="page"><?PHP include('centre.php');?></div></td>
 
                   //cadre promotion
                   <td id="image_12" align="center" valign="middle"><?PHP include('promotion.php');?></td>
	     </tr>
	     <tr>
		     <td id="image_13"></td>
	     </tr>
	     <tr>
                     //deuxieme cadre droite
		     <td id="image_14"></td>
	     </tr>
	     <tr>
		     <td id="image_15"></td>
		     <td id="image_16"></td>
	     </tr>
	     <tr>
                     //zone blanche gauche et droite pr agrandissement
		     <td id="image_17"><div id="cote_g"></div></td>
		     <td id="image_18"><div id="cote_d"></div></td>
	     </tr>
	     <tr>
                    pied de page
		    <td colspan="4" id="image_19" align="center" valign="middle">
<div id="pied_page">
<a href="index.php?page=accueil" class="lien_bas_page">Accueil</a>
&nbsp;-&nbsp;<a href="index.php?page=contact_web" class="lien_bas_page">Contacter le webmaster</a>
&nbsp;-&nbsp;  <a href="#haut" class="lien_bas_page">Haut</a>
&nbsp;-&nbsp; <a href="index.php?page=connexion" class="lien_bas_page">Connexion</a></div>
                    </td>
                </tr>
		</table>
	</td>
</tr>
</table>
</body>
</html>

Résultats:

Nom : bug.JPG
Affichages : 50
Taille : 69,2 Ko

Merci d'avance

**trotters213** · 17/04/2007, 13h26

Si je peux te donner un conseil, abandonne ta mise en page tableau au profit d'une mise en page à base de div. Voici un bon tuto, ce n'est pas très long à faire et largement plus propre : http://pbnaigeon.developpez.com/tuto...e-en-page-CSS/