Bonjour!
Je suis débutant en css et j'essaye de faire un petit menu et j'ai quelques problèmes.
le fichier css contient:
et dans ma page, j'ai:Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23 .menug { width : 160px; left : 5px; position : absolute; height : 100%; background-color : #ff0000; } .ensemblemenu { text-align : center; position : relative; top : 160px; width : 160px; } .blocmenug { text-align : center; background-color : #FFFFFF; border : 1px solid #000000; position : relative; margin-left : 5px; margin-right : 5px; margin-top : 5px; margin-bottom : 5px; }
bon j'ai vu sur le site que pour la condition height:100%, cela posait quelques problèmes selon les versions des navigateurs.Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15 <div class="menug"> <div class="ensemblemenu"> <div class="blocmenug"> <div class="image"><img src="logojcg.jpg" alt="logo jcg" /></div> <h1 class="t_groupe_1">blabla</h1> <a class="lien_bl" href="http://www.google.fr/">Actualités</a> <a class="lien_ja" href="http://www.google.fr/">Historique</a> </div> <div class="blocmenug"> <h1 class="t_groupe_1">Autres</h1> <a class="lien1" href="http://www.google.fr/">Liens</a> </div> </div> </div>
Mon problème c'est que le deuxième blocmenug est plus petit que le premier sur IE v6.0. moi, j'ai IE v5.5 et ca marche (il paraît que sous mozilla aussi). Quel est le problème selon vous?
Merci pour votre aide :wink:
Matthieu