CSS : problème de hauteur de DIV avec Internet Explorer

**raton_laveur** · 17/11/2008, 11h26

Bonjour,

Je vais être direct. j'ai 4 DIV mais toutes ne sont pas visibles au départ. Celles qui sont impaires sont visibles (1,3), les paires invisibles (2,4).
Voilà ce qu'on devrait voir initialement avec mon programme, cela marche avec Mozilla mais pas avec Internet Explorer.
1
3

Mon code :

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
<html>
<head>
<style>
 
#ligne1,#ligne3 {
	position 	: relative;
	background 	: gray ;
	width 		: 400px ;
	height		: 20px ;
}
#ligne2,#ligne4 {
	position 	: relative;
	background 	: yellow ;
	width 		: 400px ;
	height		: 0px ;
}
</style>
</head>
<body>
 
<div id="ligne1">1</div>
<div id="ligne2">2</div>
<div id="ligne3">3</div>
<div id="ligne4">4</div>
 
</object>
</body>
<html>

Ma question est donc de savoir pourquoi cela ne fonctionne pas avec IE et comment faire pour résoudre ce problème qui me paraît être un classique.

J'ai l'impression que cela vient du fait de la hauteur de la taille de la police. Mais mettre une police à taille 0px n'est pas une bonne solution car la hauteur n'est jamais nulle malgré cette opération.

Je vous remercie d'avance pour vos lumières.

RL

**c_s_s** · 17/11/2008, 11h38

Bonjour,

Plutôt qu'une hauteur nulle, pourquoi ne pas utiliser l'attribut display:none; pour cacher les blocs pairs ?

**raton_laveur** · 17/11/2008, 11h48

Merci C_S_S Nickel Chrome
Ca fonctionne

**devyan** · 17/11/2008, 16h12

Plutôt qu'une hauteur de police nulle avec IE (ça ne résoud pas le problème)
Tu peux utiliser une hauteur très petite

Personnellement, quand la solution de C_S_S ne convient pas (display:none) et que le conteneur n'as pas directement de texte j'utilise "font-size:0.01em"

Au temps pour moi

Dans ton cas c'est hors sujet...

CSS : problème de hauteur de DIV avec Internet Explorer

Dimensionnement en CSS

Discussions similaires

Partager

Partager