Por que não pode centralizar um no IE7?
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>
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
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>
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