Problème css sous mozilla

boninou Messages postés 59 Date d'inscription lundi 17 janvier 2005 Statut Membre Dernière intervention 16 mai 2012 - 13 janv. 2011 à 23:47
PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 - 14 janv. 2011 à 23:30
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 :

#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">



Profil complet à :

<var>50%</var>





   

</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 !!!

1 réponse

PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
14 janv. 2011 à 23:30
Bonjour,
ne mets pas en absolute, mais en relative
#profil p var{ position:relative; z-index:100; color:#FFF; font-style:normal; text-align:center; width:100%; }


;O)
0
Rejoignez-nous