Bonjour,
J'essaye de centrer un élément de type en-line (un type span) au sein d'un fieldset.
Jusque là aucune difficulté, il suffit de définir dans mon css :
Code :
- .add {
- text-align: center;
- }
|
Mon élément est déclaré comme ça dans mon code:
Code :
- <span class="add">Ajouter un compte</span>
|
Le problème c'est que le texte "Ajouter un compte" reste désespérément aligné à gauche 
Mon span se trouve dans un fieldset pour lequel je n'ai déclaré aucune propriété particulière
Code :
- .info_fieldset {
- -moz-border-radius: 7px;
- border: 1px #dddddd solid;
- margin-bottom: 17px;
- }
|
Lui même se trouve dans un div pour lequel je n'ai même pas d'attribut CSS, lui même dans un form (toujours pas d'attribut CSS), lui même dans un div pour lequel j'ai mis :
Code :
- #frame {
- width: 800px;
- margin: 0 auto;
- }
|
C'est un peu mon conteneur "global".
Mon body lui n'a trois fois rien :
Code :
- body { padding: 0px; border: 0px none;}
|
Je précise que j'arrive a centrer avec des balises <center> ou en déclarant mon élément comme un block.
Ca fonctionne :
Code :
- .add {
- display: block;
- color:green;
- width: 200px;
- margin: auto;
- }
|
Mais j'aimerai conserver son type inline et et le centrer pour que ce soit plus propre (et accessoirement pour ma compréhension personnelle)
Avez vous une idée du problème ?
Message édité par bichtoubard le 25-05-2011 à 14:59:36
