Por que não pode centralizar um no IE7?

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

  •  06-07-2019
  •  | 
  •  

Pergunta

No Firefox, "C" é centrado, devido à sinopse CSS no início. Por que IE7 deixou-justificá-lo? 

<!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>
Foi útil?

Solução

Isso acontece porque você tem width: 130px;. Tente definir largura apenas para as pequenas células, por exemplo: 

td.span {
  width:auto;
}

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

Veja o exemplo: http://jsbin.com/etoka
Você também pode fazê-lo o contrário - dando uma aula para as pequenas células, a linha inteira, ou melhor: definindo a largura da <table>

.

Outras dicas

sempre usar isso para a posição de um objeto no centro em sua página esse recurso é trabalhado em todos popular navegador como o IE FF Safari Chrome Opera 

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

por favor me dê voto se o seu problema é resolvido

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top