<col> ширина и отступ - IE7 - PullRequest
Новая
       1

<col> ширина и отступ - IE7

3 голосов
/ 04 октября 2011

IE 7 добавляет отступ к общей ширине столбца.Firefox и Chrome включают отступы по ширине.Как получить согласованность между браузерами? 

<!DOCTYPE html>
<html>
  <head>
    <title>Col Padding</title>
    <link rel='stylesheet' type='text/css' media='all' href='http://meyerweb.com/eric/tools/css/reset/reset.css' />
    <style type='text/css'>
      #col1
      {
        width: 200px;
      }
      #theTab td
      {
        background-color: green;
        padding: 10px;
      }
      #theBar
      {
        width: 200px;
        height: 20px;
        background-color: blue;
      }
    </style>
  </head>
  <body>
    <div id='theBar'></div>
    <table id='theTab'>
      <col id='col1'/>
      <tr>
        <td>Data</td>
      </tr>
    </table>
  </body>
</html>

Ответы [ 2 ]

2 голосов
/ 24 октября 2011

IE8 и более поздние версии, а также все, что вам, вероятно, придется поддерживать, поддерживают переопределение того, как работает изменение размера блока для каждого элемента, используя box-sizing свойство CSS .

Если вам требуется поддержка IE7, установите в качестве размера ячейки border-box; IE7 будет игнорировать это свойство, но все равно будет следовать этой модели, а все остальное будет соответствовать поведению IE7.

Тем не менее, IE6 и более поздние версии должны поддерживать стандартную модель W3C в «стандартном режиме». Вы должны дважды проверить свой DOCTYPE и тому подобное, чтобы убедиться, что они будут вызывать этот режим рендеринга, а не «режим причуд».

0 голосов
/ 24 октября 2011

Либо создайте отдельную таблицу стилей для IE и загрузите ее с условным оператором, либо примите, что IE является меньшим браузером и не отображает правильно написанный код.

вариант 1 кажется наиболее удовлетворительным; -)

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

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

...