Discussion :

[sam01]

Bonsoir à tous,

mes blocs suivants s'aggrandissent automatiquement sur IE mais pas sur FireFox.

Voici mon HTML :

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
 
 
<div class="titre04">
 
				<div class="titre04_a_bis">
 
					<input type="checkbox" name="suppr" value="1">						
				</div>
				<div class="titre04_b_bis">
					Expéditeur			
				</div>
				<div class="titre04_c_bis">
					ezslkrmejlezrjlmezkjrlezjklzehkljekjkj
					ezrùkzejmùùzrjtùjtrlkrjtklezrjtklrejklrrljlkezjtrlezkrjtklejrztrez
					eztrjlmezrjtlmezkrjtzlrekjtklrejtklrejlzkjlkajzlkjrelkezrjrlkezjrtlmzjtrmzlejrtmlezkjtzeltlzekjtmzlekjglmekrzttrez
					reztjezlrez	
				</div>
				<div class="titre04_d_bis">
					Date
				</div>
 
				<div class="titre04_e_bis">
					Répondu
				</div>
 
 
			</div>

Au fait c'est le bloc titre04 qui ne s'agrandit pas sur FireFox mais il s'agrandit bien sur IE.

En ce qui concerne le bloc titre04_c_bis, il s'agrandit sir IE et FF

Voici mon css

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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
 
 
.titre04
{
width:750px;
min-height:22px;
height:22px;
margin-top:5px;
margin-bottom:2px;
margin-left:10px;
border:none;
}
 
 
/* ci dessous non interprété par IE */
html>body .titre04
{
height: auto;
min-height:22px;
} 
 
 
 
.titre04_a_bis
{
width:25px;
min-height:20px;
height:20px;
margin-left:1px;
border:none;
float:left;
}
 
/* ci dessous non interprété par IE */
html>body .titre04_a_bis
{
height: auto;
min-height:20px;
} 
 
.titre04_b_bis
{
width:205px;
min-height:20px;
height:20px;
margin-left:2px;
margin-top:1px;
border:none;
float:left;
}
 
/* ci dessous non interprété par IE */
html>body .titre04_b_bis
{
height: auto;
min-height:20px;
} 
 
.titre04_c_bis
{
width:320px;
min-height:20px;
height:20px;
margin-left:2px;
margin-top:1px;
/*border:none;*/
float:left;
}
 
 
/* ci dessous non interprété par IE */
html>body .titre04_c_bis
{
height: auto;
min-height:20px;
} 
 
.titre04_d_bis
{
width:90px;
min-height:20px;
height:20px;
margin-left:2px;
margin-top:1px;
border:none;
float:left;
}
 
/* ci dessous non interprété par IE */
html>body .titre04_d_bis
{
height: auto;
min-height:20px;
} 
 
 
.titre04_e_bis
{
width:90px;
min-height:20px;
height:20px;
margin-left:2px;
margin-top:1px;
border:none;
float:left;
}
 
/* ci dessous non interprété par IE */
html>body .titre04_e_bis
{
height: auto;
min-height:20px;
}

Au fait il faudrait que le bloc titre04 s'agrandissent lui aussi sur FireFox, ce qu'il ne fait pas...

Merci d'avance pour votre aide.

[Erwan31]

Bonsoir,
normal tu contrains la hauteur du bloc conteneur à 22px. IE6 interprète (ne manière non standard) height comme un min-height voila pour il s'agrandit.
Le comportement de FF est normal, ça sera pareil sur les autres navigateurs alternatifs.
Si tu veux que ton bloc conteneur englobe ses enfants flottant (dotés d'un float:left ici) il faut établir un contexte de formatage bloc en lui ajoutant un overflow:hidden.

[sam01]

C'est magique !!!

Ca fonctionne en effet

Un grand merci.