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 oui
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 .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 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 <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>
Partager