Discussion :

[knebhi]

Bonjour,

jaimerai afficher des div cote a cote.
ces div contiennent des menu deroulant. j'ai tenté cette méthode mais jai un décalage selon les navigateurs.

pourriez vous m'indiquer comment faire pour aligner ces div sur tout les navigateurs ?

voici mon code 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
<div class="menuSelectCG">
<img src="images/navigateCG.png" width="184" height="32" class="menu_CG" />
 
<ul class="menu_bodyCG">
<li class="1"><a href="#" id="a">1</a></li>
<li class="2l"><a href="#" id="b">2</a></li>
 
 
</ul>
 
</div>
 
<div class="menuSelectFS">
<img src="images/navigateFS.png" width="184" height="32" class="menu_FS" />
 
<ul class="menu_bodyFS">
<li class="b"><a href="#" id="test">a</a></li>
<li class="a"><a href="#" id="test2">b</a></li>
 
</ul>
 
 
 
</div>

ma css qui fonctionnne sous firefox mais pas IE8 :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
.menuSelectFS {
 
	 position: absolute;
	left: 46%;
	top: 35.9%;
	margin-top: -200px;
	margin-left: -350px; 
 
 
}

MERCI

[knebhi]

voila la solution que j'ai trouvé :

jai créé un div conteneur avec un width suffisant
ensuite pour mes div jai mis :

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
#conteneur {
width:30%
 
 
}
 
.menuSelectCG {
	float:right;
	margin-top: 32px;
 
}
 
.menuSelectFS { 
	float:left;
 
 
 
}

[knebhi]

c'est ok pour tous mais probleme avec Google chrome
du coup je cherche toujours une solution merci