[CSS][CrossBrowser] Centrer de divs

**francky356** · 30/11/2005, 10h31

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>