Problème css sous mozilla

Signaler
Messages postés
59
Date d'inscription
lundi 17 janvier 2005
Statut
Membre
Dernière intervention
16 mai 2012
-
Messages postés
2483
Date d'inscription
jeudi 30 novembre 2006
Statut
Membre
Dernière intervention
14 janvier 2011
-
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 :

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



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

Messages postés
2483
Date d'inscription
jeudi 30 novembre 2006
Statut
Membre
Dernière intervention
14 janvier 2011
15
Salut,

D'après ton code CSS il n'y a aucune raison que l'élément <var> soit centré. Cet élément est de type phrase :
<!ENTITY % phrase "EM | STRONG | DFN | CODE |
                   SAMP | KBD | VAR | CITE | ABBR | ACRONYM" >

Source : http://www.w3.org/TR/html4/sgml/dtd.html

Au même titre que il n'est pas possible de centrer cet élément, à moins d'utiliser la propriété CSS:
display: block;

Propriété qu'il n'hérite par défaut pas de l'élément parent (ici, ).

--
Neige

Souvent la réponse à votre question se trouve dans la doc. Commencez par là ;)