Texte de Centrage à l'Aide de CSS ne fonctionne pas sous IE

Je vais avoir des problèmes pour obtenir le texte dans un tableau centré dans IE.

Dans Firefox 2, 3 et Safari, tout fonctionne très bien, mais pour une raison quelconque, le texte n'est pas centré dans IE 6 ou 7.

Je suis en utilisant:

h2 {
  font: 300 12px "Helvetica", serif; 
  text-align: center; 
  text-transform: uppercase;
}

J'ai aussi essayé d'ajouter margin-left:auto;, margin-right:auto et position:relative;

en vain.

OriginalL'auteur Shady Studios | 2008-09-16

  1. 3

    La cellule du tableau des besoins de l'text-align: center.

    OriginalL'auteur Bloodhound

  2. 5

    CSS text-align propriété doit être déclarée sur l'élément parent et non pas l'élément que vous essayez de centre. IE utilise text-align: center propriété pour centrer le texte. Firefox utilise margin: 0 auto et il doit être déclaré sur l'élément que vous essayez de centre.

    <div style="text-align: center">
    <h2 style="margin: 0 auto">Some text</h2>
</div>
    Merci Alex...Résolu un problème majeur.

    OriginalL'auteur Alex Achinfiev

  3. 1

    Peut-être une faute de frappe, mais il vous manque un point-virgule ici:

    margin-left:auto; margin-right:auto position:relative;

    Devrait être:

    margin-left:auto; margin-right:auto; position:relative;

    Si cela ne fonctionne pas, assurez-vous que l'élément que vous essayez de centrer le texte a une certaine largeur. Essayez de régler la largeur à 100% et voir si rien ne change.

    OriginalL'auteur dawnerd

  4. 0

    La text-align: center devrait être suffisant, puisque vous êtes centrer le texte à l'intérieur d'un élément de type block (h2) - réglage de la marge pour changer la position du bloc, pas le texte.

    Je me demande si c'est juste que IE est d'avoir un mannequin-cracher sur que font déclaration que vous avez là?

    OriginalL'auteur nickf

  5. 0

    Utiliser text-align:center dans le div/td qui entoure le h2.

    <table style = "width:400px;border:solid 1px;">
    <tr>
        <td style = "text-align:center;"><h2>hi</h2></td>
    </tr>
</table>

    edit: wow, stackoverflow la communauté est assez rapide!

    OriginalL'auteur 1077

  6. 0

    Si vous pouvez/voulez utiliser flexbox, vous pouvez utiliser la commande suivante en tant que bien.

    display: flex;
justify-content: center;
align-items:center

    OriginalL'auteur Rahi.Shah