Почему я не могу центрировать <td>в IE7? - PullRequest
Новая
       7

Почему я не могу центрировать <td>в IE7?

0 голосов
/ 12 сентября 2009

В Firefox буква «C» центрирована из-за размытия CSS в начале. Почему IE7 оправдывает его влево? 

<!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>

Ответы [ 2 ]

4 голосов
/ 12 сентября 2009

Это происходит потому, что у вас есть width: 130px;. Попробуйте установить ширину только для маленьких ячеек, например: 

td.span {
  width:auto;
}

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

См. Пример: http://jsbin.com/etoka
Вы также можете сделать это наоборот - дать класс маленьким ячейкам, целому ряду или лучше всего: установить ширину <table>.

0 голосов
/ 13 сентября 2009

всегда используйте это для позиционирования объекта в центре на вашей странице эта функция работает во всех популярных браузерах, таких как IE FF Safari Chrome Opera 

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

Пожалуйста, дайте мне голосовать, если ваша проблема решена

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...