Question

Одна и та же таблица на разных сайтах (на смартфоне, планшете или при маленьком разрешении экрана) отображается по-разному.

Здесь нормально. Есть отступы и растянута примерно пропорционально:

---

А здесь некорректно. Не настраиваются отступы (текст прилипает к краям) и неравномерно распределены ячейки таблицы:

Шаблоны на обоих сайтах одинаковые.

Помогите исправить на втором сайте.

Answer 1

В стилях:

table:not([class]) td, table:not([class]) th {
padding: 7px!important;
}

добавьте выделенное красным, после отступ появится.

Comments

Спасибо. Отступы добавились.  А как сделать так, чтобы таблица отображалась корректно как на первом скриншоте?

---

12 1000,

В стилях ищем строку номер 653:

 section#casing #main-content section:not(.module-shop)>table:nth-child(-n+5) td{width:100%;text-align:left;padding:5px 0}

удалите выделенное, это решит проблему.

---

Yuri_Geruk,

Здесь помогло. А на этой странице таблица слетает при маленьком разрешении экрана. Эта же таблица на другом сайте отображается нормально.

Помогите и здесь, пожалуйста.

---

12 1000,

Слетает из-за стилей в строке 689-690:

 .content>table:nth-child(3)>tbody:nth-child(1)>tr:nth-child(1)>td:nth-child(2){display:block}
 .content>table:nth-child(3)>tbody:nth-child(1)>tr:nth-child(1)>td:nth-child(1){display:block;}

хорошо бы эти стили удалить.

---

Yuri_Geruk,

Благодарю. Помогло. Всё работает.