Problème hauteur div avec IE

**keup** · 25/11/2004, 09h08

Salut!

Je ne comprend pas pourquoi, mais ie me multiplie par 3 la taille des mes div qui encadrent mon menu de bas de page. Pourtant, ceux-si s'affichent bien sous les autres navigateurs (netscape, mozilla, opera).

ma page (j'ai mis des screens de ce que m'affiche les navigateurs)
http://www.ifrance.com/jerkoz2/

voici le code de ma page

Code html :

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
 
<body>
 
<div id="header"> 
  <div id="header_gauche"></div>
  <div id="header_droite"></div>
  <div id="header_centre"></div>
</div>
 
<div id="menu_haut">
	<a href="#">Particulier</a> | 
	<a href="#">Professionnel</a> | 
	<a href="#">Salariés</a> | 
	<a href="#">Etudiants</a>
</div>
 
<div id="conteneur">
  	<div id="menu_gauche"> 
    	<div class="cellule_gauche"><a href="#">Lien1</a></div>
    	<div class="sous_cellule_gauche"><a href="#">Sous-Lien1</a></div>
    	<div class="sous_cellule_gauche"><a href="#">Sous-Lien1</a></div>
    	<div class="cellule_gauche"><a href="#">Lien2</a></div>
    	<div class="cellule_gauche"><a href="#">Lien3</a></div>
	</div>
 
  	<div id="contenu"></div>
 
	<div id="footer">
		<div id="footer_gauche"></div>
		<div id="footer_droite"></div>
		<div id="footer_centre_gauche"></div>
		<div id="footer_centre_droite">
			<a href="#">Particulier</a> | 
			<a href="#">Professionnel</a> | 
			<a href="#">Salariés</a> | 
			<a href="#">Etudiants</a>
		</div>
		<div id="footer_bas_gauche"></div>
		<div id="footer_bas_droite"></div>
		<div id="footer_bas_centre"></div>
	</div>
</div>
 
</body>

et la css

Code css :

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
78
79
 
#footer_gauche {
	position: absolute;
	left:0;
	width: 180px;
	height: 7px;
	border-top: 1px #00bbdd solid;
	background-image: url(image/footer_gauche.gif);
}
 
#footer {
	width: 100%;
	text-align: center;
	background-image: url(image/footer_gauche.gif);
}
 
#footer_droite {
	margin-left: 180px;
	height: 6px;
	background-color: #ffdd00;
	border-right: 1px #00bbdd solid;
	border-top: 1px #00bbdd solid;	
}
 
#footer_centre_gauche {
	position: absolute;
	left:0;
	width: 180px;
}
 
#footer_centre_droite {
	margin-left: 180px;
	border-right: 1px #00bbdd solid;
	background-color: #ffdd00;
}
 
#footer_centre_droite a:link, #footer_centre_droite a:visited {
	color: #338888;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	text-transform: none;
	font-variant: normal;
	text-decoration: none;
}
 
#footer_centre_droite a:hover, #footer_centre_droite a:active {
	color: #00bbdd; 
	font-style: normal; 
	line-height: normal;
	font-weight: bolder;
	text-transform: none;
	font-variant: normal;
	text-decoration: none;
}
 
#footer_bas_gauche {
	width: 180px;
	height: 6px;
	left: 0px;
	position: absolute;	
	background-image: url(image/footer_bas_gauche.gif);
}
 
#footer_bas_centre {
	margin-left: 180px;
	height: 5px;
	margin-right: 6px;
	border-bottom: 1px #00bbdd solid;
	background-color: #ffdd00;
}
 
#footer_bas_droite {
	background-image: url(image/footer_bas_droite.gif);
	width: 6px;
	height: 6px;
	position: absolute;
	right: 0px;
}

Il doit y avoir une erreur juste sous mon pif, mais je suis aveugle

Merci d'avance !!!

**hunter** · 25/11/2004, 09h17

salut et bienvenu

heu chez moi les images ne saffiche pas c'est normal ???

sinon c'est quelle boite css qui te pose probleme ???

**keup** · 25/11/2004, 10h32

Salut hunter!

Quelles images ne s'affichent pas ?(les screenshots ou les backgrounds)

T'as quel navigateur et quel os ?

Ce qui me pose problème, c'est que les div qui ont les id:

footer_gauche
footer_droite
footer_bas_droite
footer_bas_centre
footer_bas_gauche

sont affichés avec une une hauteur environ trois fois supérieur à ce que je veux (normalement 6px), et ce uniquement sous IE.

Merci

**SpaceFrog** · 25/11/2004, 11h50

heu hunter tu as les images

:

**keup** · 25/11/2004, 12h01

Salut spacefrog!

Est-ce que tu vois le problème que j'ai décrit?

Sinon, pourrais tu m'envoyer un screenshot de ce que tu vois sous ie?

Merci

**Johnbob** · 25/11/2004, 12h04

C'est un bug très répandu...
IE impose une hauteur de div minimale du genre 10 ou 12 pixels.
La parade est simple: spécifier dans la classe CSS du div:

Code css :

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