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 à 17:02
neigedhiver Messages postés 2480 Date d'inscription jeudi 30 novembre 2006 Statut Membre Dernière intervention 14 janvier 2011 - 14 janv. 2011 à 04:52

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

A voir également:

Problème css sous mozilla
Extension mozilla - Conseils pratiques -Javascript
Exemple page d'authentification html css - Conseils pratiques -PHP
Exemple de page d'accueil html et css ✓ - Forum PHP
Code source formulaire d'inscription html css - Forum PHP
Css scrollbar ✓ - Forum Javascript / DHTML

1 réponse

Réponse 1 / 1

neigedhiver Messages postés 2480 Date d'inscription jeudi 30 novembre 2006 Statut Membre Dernière intervention 14 janvier 2011 19
14 janv. 2011 à 04:52

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à ;)

Discussions similaires

Firefox 3 - location.href()

CSS MAP et AREA

Rogner une image

coller deux div avec du css

exemple de page d'accueil avec la balise div et css

Votre réponse

Discussions similaires