Bonjour à tous,

J'ai un petit souci de mise en page sous Mozilla que je n'ai pas sous IE et Chrome.

Mon code est le suivant :

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
<style>				
	#profil div		{ margin:0 auto 0 auto; padding:10px 0 0 0; width:106px; }
	#profil p 		{ margin:0 3px 0 3px; padding:0; width:100px; }
	#profil p strong{ display:block; height:14px; position:relative; width:100%;  padding-top:2px; margin:2px 0px 0px 0px; padding-bottom:4px; }
	#profil p var	{ position:absolute; z-index:100; color:#FFF; font-style:normal; text-align:center; width:100%; }
	#profil p .bg	{ display:block; height:14px; position:absolute; top:0; left:0; width:100%; z-index:2; background:#bababa repeat-x; border:1px solid #9D9D9D;  }
	#profil p .Pr100{ display:block; height:14px; position:absolute; top:0; left:0;  z-index:3; background:#dd3d5b repeat-x; border:1px solid #741B55;  }
</style>
.
.
.
.
<tr>
	<td height="35" align="center">
		<div id="profil">
			<p>
				<span class="txt">Profil complet à :</span>
				<strong>
					<var>50%</var>
					<span class="Pr100" style="width:<?=calcul_percent($_SESSION['idp'])?>%;"></span>
					<span class="bg"></span>
				</strong>
			</p>
		   </div>
	</td>
</tr>
J'ai un souci avec

<var>50%</var>

Tous mes éléments sont centrés dans mon tableau sauf lui qui est aligné complètement à droite.
Je rappel que ce comportement ne se produit que sous Mozilla.

Quelqu'un aurait-il une idée ?

Merci beaucoup !!!