Bonsoir,

SUite à des remarques sur mon le site que je réalise faites apr des utilisateurs d'Internet Explorer, j'ai refait pas mal de travail dessus en utilisant cette fois un peu de PHP et des feuilles de style. Ceci afin de supprimer un menu déroulant et des frames, origines du problème avec IE.
Grâce à quelques conseils de membres bien sympa, j'ai enfin réussi à faire que le site fonctionne correctement mais il subsiste un problème sous IE (toujours) alors qu'il est nickel sous Firefox (comme avant d'ailleurs)

Si vous pouviez me dire pourquoi dans mon site le cadre colonne centrale est situé SOUS le cadre colonne gauche et ce uniquement avec IE.
Que puis-je faire ?
Dois-je modifier la feuille de style (css) ou mes pages html ???
Merci

Polo

Ma page ici

ma feuille de style ci-dessous :
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
#page  {
	font-size:0.8em;
	width: 998px;
	margin: 0 auto;
	text-align: left; /* on rétablit l'alignement normal du texte */
}
 
#colonneGauche {
	float:left;
	width: 180px;
	padding:0.1em;
}
#colonneCentrale {
	float:right;
	padding :0.2em;
	width: 810px;
}
Code d'une page plutôt vide :
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
76
77
<div id="page">
	<div id="enteteDePage">
		<!-- On choisit d'inclure un fichier puisque sur toutes les pages l'entete est identique 
		voir -->
		<INCLURE(entete.php3)> 
		<!--StartFragment -->
 
	</div> <!-- fin entete page --> 
 
	<!-- Colonne gauche -->
	<div id="colonneGauche"> 
		<!-- Cadre 1 -->
---------------infos du menu déropulant 1-----------------
		</div>
 
		<!-- Cadre 2 -->
		<div id="cadre">
---------------infos du menu déropulant 2-----------------
		</div>
 
		<!-- Cadre 3 -->
		<div id="cadre">
---------------infos du menu déropulant 3-----------------
		</div>
	</div>
 
	<!-- Colonne centrale -->
	<div id="colonneCentrale" >
		<div id="cadre">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr> 
    <td rowspan="2" height="76"> 
      <div align="left"><img src="images/bouton.jpg" width="154" height="76"></div>
    </td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr> 
    <td height="43" colspan="3"> 
      <div align="right">
        <table width="485" border="0" cellpadding="0" cellspacing="0">
          <tr> 
            <td width="42"><a href="babyj.php3"><img src="images/gauche.jpg" border="0" width="42" height="43"></a></td>
            <td width="401" background="images/titre_fond.jpg"> 
              <div align="center" class="gros_titre"><strong><font face="Verdana, Arial, Helvetica, sans-serif" color="#FF9933" size="2">R&eacute;sultats</font></strong></div>
            </td>
            <td width="42">&nbsp;</td>
          </tr>
        </table>
      </div>
      <div align="right"></div>
      <div align="right"></div>
      <div align="right"></div>
      <div align="center"> </div>
      <div align="right"></div>
      <div align="right"></div>
    </td>
  </tr>
  <tr> 
    <td colspan="4">
<div align="left">
        <p align="center"><img border="0" src="../../images_index/construction.gif" width="169" height="235">
      </div>
    </td>
  </tr>
  <tr> 
    <td colspan="3">
      <div align="left"><a href="babyj.php3"><img src="images/gauche.jpg" width="42" height="43" border="0"></a></div>
    </td>
    <td>
      <div align="right"></div>
    </td>
  </tr>
</table>
</div>
</div>