Блог

У меня небольшая проблема с выравниванием моей таблицы. Это происходит только с Google Chrome. Я хотел бы, чтобы мой флажок заголовка был выровнен со всеми флажками моей таблицы. В IE и Chrome все работает хорошо, пока я не добавлю css table-layout:исправлено;. Вы можете увидеть результат ниже. В Chrome флажок заголовка больше не выровнен со всеми другими флажками в моей таблице.

Вот мой css:

 table.search-results
{
  border-collapse: collapse;  
  table-layout:fixed;
  width: 100%;
}

table.search-results td.tipsy-empty { width: 5px;  }
table.search-results td.tipsy       { width: 5px;  }
table.search-results td.checkbox    { width:20px;  }
table.search-results td.favoricon   { width:20px;  }
table.search-results td.idaffaire   { width:50px;  }
table.search-results td.information { width:auto; white-space:nowrap; overflow:hidden; }
table.search-results td.username    { width:50px;  }
  

Любая помощь приветствуется.

Используйте сброс CSS:http://developer .yahoo.com/yui/reset /

Похоже, что браузеры имеют разные настройки CSS по умолчанию для этих элементов. Всегда используйте сброс CSS, не позволяйте браузерам контролировать вас 🙂

Если вы используете закругленные углы Webkit, это также может быть проблемой. Обратите внимание, как цветные метки также вытесняются. IE не поддерживает эти закругленные углы, поэтому они отображаются так, как должны. Проверьте Safari, бьюсь об заклад, это ваша проблема. Найдите не-css метод закругления углов. Они могут быть немного уродливыми, но они предотвращают подобные вещи.