Pourquoi ne puis-je pas centrer un < td > dans IE7?

StackOverflow https://stackoverflow.com/questions/1413466

  •  06-07-2019
  •  | 
  •  

Question

Dans Firefox, "C". est centré, en raison du texte de présentation CSS au début. Pourquoi IE7 le justifie-t-il à gauche? 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en">
  <head>
    <style type="text/css">
td {
  text-align: center;
  width: 130px;
}
    </style>
  </head>

  <body>
    <div style="width: 300px; background-color: #888">
      <table>
        <tbody>
          <tr>
            <td>A</td>
            <td>B</td>
          </tr>
          <tr>
            <td colspan="2">C</td>
          </tr>
        </tbody>
      </table>
    </div>
  </body>
</html>
Était-ce utile?

La solution

Cela se produit car vous avez width: 130px; . Essayez de définir la largeur uniquement pour les petites cellules, par exemple, par: 

td.span {
  width:auto;
}

<td colspan="2" class="span">C</td>

Voir l'exemple: http://jsbin.com/etoka
Vous pouvez également le faire à l'inverse - en donnant une classe aux petites cellules, à la ligne entière ou au mieux: définir la largeur du < tableau > .

Autres conseils

utilisez-le toujours pour positionner un objet au centre de votre page cette fonctionnalité est utilisée dans tous les navigateurs populaires tels que IE FF Safari Chrome Opera 

<center> This is my centered text</center>

donnez-moi s'il vous plaît voter si votre problème est résolu

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top