Различная ширина столбца таблицы в Chrome и Firefox - PullRequest
Новая
       21

Различная ширина столбца таблицы в Chrome и Firefox

1 голос
/ 17 октября 2011 
<table class="schedule">
   <thead>
     <tr>
       <th id="first-column">#</th>
       <th>Monday</th>
       <th>Tuesday</th>
       <th>Wednesday</th>
       <th>Thursday</th>
       <th>Friday</th>
       <th>Saturday</th>
     </tr>
    </thead>
</table>

и 

table.schedule { 
  table-layout: fixed;
  width: 900;
}

#first-column {
  width: 200px;
  padding: 0 10px;
}

, поскольку первый столбец имеет ширину 200 + 10 + 10 = 220 пикселей в Firefox, но 180 + 10 + 10 = 200 пикселей в Chrome и Safari.Я думаю, что width не должен включать padding, так что Firefox прав?Но в любом случае, как я могу установить одинаковую ширину столбца в браузерах?

Редактировать: Инструменты разработчика Chrome выглядят так: enter image description here

1 Ответ

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

Убедитесь, что у вас задан современный тип документа, так как я не вижу описанного поведения с моей стороны.Например, используйте <!DOCTYPE html>, чтобы сообщить браузерам, что это HTML5.Для меня первый столбец - это 200px + отступы в Firefox, Chrome и Safari.

...