[CSS][CrossBrowser] Centrer de divs
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:
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:
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
http://img513.imageshack.us/img513/1804/else16zr.gif
Print screen avec Mozilla
http://img516.imageshack.us/img516/9423/else25wb.gif
Merci pour vos solutions.
Franck