bonjour,
j'ai un petit problème avec la propriété height:auto; il se trouve que IE7 l'interprète bien dans mon cas et pas Firefox 2.0.0.6 ou Opéra 9.02.
voici mon code
dans ma page j'ai mon code de cette manière, et mon problème est que le conteneur_site ne descend pas jusqu'en bas du menu avec fx alors qu'avec ie ouiCode:
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 .conteneur_site { width: 968px; background-color: #FFFFFF; height: auto; } .header_site { width: 968px; height: 100px; background:url(../images/css/header.jpg) no-repeat left; } .bande_hach { margin: 3px 0px 3px 0px; width: 100%; height: 7px; background: url(../../images/css/hach_l.jpg) repeat-x center #FFFFFF; font-size: 2px; } .menu_bloc { float: left; width: 238px; margin: 0px 5px 0px 3px; background-color: #FF0000; height: auto; } .menu_content { width: 238px; background-color: #E6E8E9; margin-bottom: 4px; padding-bottom: 6px; } .menu_header { width: 238px; height: 37px; } .menu_back { width: 226px; background-color: #FFFFFF; } ul.menu_group { padding: 4px 0 4px 2px; margin:0; list-style: none; color:#676767; font-size:11px; } ul.menu_group li { margin:0; padding:0px; line-height:20px; border-bottom-style:dashed; border-bottom-width:thin; border-bottom-color:#e5e5e5; }
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
27
28
29 <div class="conteneur_site"> <!--conteneur --> <div class="header_site" align="left"><a href="index.php"><img src="images/boutons/logo.jpg" alt="logo" border="0" /></a></div><!--entete --> <div class="bande_hach" style="width:961px;"> </div> <!--bande --> <div class="menu_bloc"><!--contenu de droite --> <div class="menu_content"> <!--element du menu --> <div class="menu_header"><img src="images/entetes/options_tete.jpg" alt="options" /></div> <!--entete element--> <div class="menu_back" align="left"> <ul class="menu_group"> <li><img src="images/boutons/fleche_liste.jpg" alt="item" width="5" height="7" /> Gestion des comptes</li> <li><img src="images/boutons/fleche_liste.jpg" alt="item" width="5" height="7" /> Gestion des sous rubriques</li> <li><img src="images/boutons/fleche_liste.jpg" alt="item" width="5" height="7" /> Accès statistiques </li> </ul> </div> </div><!--element du menu --> <div class="menu_content"> <!--element du menu --> <div class="menu_header"><img src="images/entetes/contenu_tete.jpg" alt="gestion du contenu" width="238" height="37" /></div> <!--entete element--> <div class="menu_back" align="left"> <ul class="menu_group"> <li><img src="images/boutons/fleche_liste.jpg" alt="item" width="5" height="7" /> <a href="badmin_events">Actualités/Agenda</a></li> <li><img src="images/boutons/fleche_liste.jpg" alt="item" width="5" height="7" /> Sondage </li> <li><img src="images/boutons/fleche_liste.jpg" alt="item" width="5" height="7" /> Newsletter </li> </ul> </div> </div><!--element du menu --> </div> <!--contenu de droite --> <!--contenu du site --> </div>