Probleme avec height sous IE.

Version imprimable

Salut a tous,

j'ai un problem d'affichage sous internet explorer (encors).

Regarder ici avec IE : http://photonsim.univ-lemans.fr/test.php

Les bordure en haut et en bas devrait etre de la même taille que les bordures gauches et droites. (10px) alors qu'ici elles font au moin le double.

Voici le code concerné (avec les couleurs c'est plus facile ;).

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
 
<div style="margin:0;padding:0;margin-left:auto;margin-right:auto; width:800px;height:auto;background-color:red;">
			<div style="margin:0;padding:0;width:100%;height:10px;background-color:green;">	
				<? //Bordure top ?>
			</div>
			<div style="margin:0;padding:0;width:100%;height:800px;">
				<div style="margin:0;padding:0;background-color:blue;width:10px;height:100%;float:left;">
					<? //Bordure gauche ?>
				</div>
				<div style="margin:0;padding:0;width:780px;height:100%; background-color:purple;float:left">
				    <? //Page centrale ?>
				    <div>	
						<div style="margin:0;padding:0;background-color:brown; width:100%; height:100px;">
							<? //bannière ?>
 						</div>
				    </div>
				</div>
				<div style="margin:0;padding:0;background-color:yellow;width:10px;height:100%;float:left;">
					<? // Bordure droite?>
				</div>
				<div class="separe"></div>
			</div>
			<div style="margin:0;padding:0;background-color:orange;width:100%; height:10px;">
				<? // bordure bas ?>
			</div>
		</div>

Savez vous d'ou peut venir se problem?

21/10/2005, 12h19
spirou

Salut !!

En copiant ton code, tout est pareil avec IE et firefox, mais dès l'instant où j'enlève tes commentaires, il aggrandi les div du haut et du bas.

Mais quand s'arrêtera t-il ???

En mettant overflow: hidden, tout revient à la normale.
21/10/2005, 22h20
francis m

j'utilise myIE2 et j'ai le même problème que toi avec IE. Je me souviens que j'ai rencontré ce problème il y a quelques temps et à force de chercher je me suis rendu compte que myIE2 ne gère pas de div dont la hauteur est inférieure à environ 15px, ne me demande pas pourquoi. Fais l'essai avec une bordure de 20 ou 30 px et tu verras que cela fonctionne

cela ne t'aide sans doute pas beaucoup mais je n'y puis rien

il ya peut-être une possibilité de biaiser mais je ne l'ai pas essayé : mets tes divs en position absolute dans un div principal, positionne ton div central à 10px en top et mets ce div central en z-index supérieur au div du haut. sans garantie...