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

В Firefox «C» центрируется из-за CSS-ролика в начале. Почему IE7 - оправдывает это?Почему я не могу центрировать <td> в 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>

источник

2009-09-11 mike

Добавьте что-то вроде цвета: # FF0000; чтобы увидеть, действительно ли IE7 набирает стиль. – Mayo

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

td.span { 
    width:auto; 
} 

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

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

источник

2009-09-11 22:02:44 Kobi

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

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

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

источник

2009-09-13 15:47:47

' - устаревший тег. Он работает, но вы не должны его использовать. Вместо этого вы должны использовать 'CSS'. – voyager

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

ответ

Смежные вопросы