Bonjour,

J'ai un petit probleme entre IE et Mozilla.
Je dispose d'une boite DIV qui est compose de deux autres boites DIV.
Ces boites sont centrees au milieu de l'ecran. Avec IE, cela marche tres bien, par contre avec Mozilla...c'est pas trop ca. Les boites sont alignees a gauche de l'ecran, et le texte n'est plus centrer verticalement.

Voci mon code 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
 
#else-ad{
margin-left:-350px;
font-size: 8pt;
position: absolute;
bottom: 2%;
width: 700px;
height: 42px;
}
 
#else-foot{
position: absolute;
top:0%;
left:0px;
color:#FFFFFF;
font-size: 8pt;
text-align: center;
width:700px;
height: 20px;
background:#5cb0bf;
border-bottom: 2px solid #000000;
}
 
#else-foot2{
position: absolute;
bottom:0%;
left:0px;
color:#FFFFFF;
font-size: 8pt;
text-align: center;
width: 700px;
height: 20px;
background:#0e2b88;
}
Le code Html
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
 
<div id="bottomLinks">
	<div id="else-ad">
		<div id="else-foot">
			<p><a href="else_All.htm" target="mainFrame">Headquarter :</a></p>
		</div>
		<div id="else-foot2">
			<p><a href="else_Neue.htm" target="mainFrame">Branch Office :</a></p>
		</div>
	</div>
</div>
Print screen avec IE



Print screen avec Mozilla


Merci pour vos solutions.
Franck