Есть сайт:
там таблицы с ценами и они масштабируются до определённой ширина, а дальше перестают и получается, что на мобильном таблица видна не полностью.
Надо исправить код таблицы так, чтоб она масштабировалась под любой размер экрана.
Исправить надо одну таблицу, и показать мне что было исправлено, чтоб я сам остальные поправил.
Вот код таблицы:
<style type="text/css">
.tftable {font-size:18px;color:#333333;width:100%;border-width: 1px;border-color: #333333;border-collapse: collapse;}
.tftable th {font-size:18px;background-color:#00b7f4;border-width: 1px;padding: 8px;border-style: solid;border-color: #333333;text-align:center;}
.tftable tr {background-color:#ffffff;}
.tftable td {font-size:18px;border-width: 1px;padding: 8px;border-style: solid;border-color: #333333;}
.tftable tr:hover {background-color:#ffff99;}
</style>
<table class="tftable" border="1">
<tr><th rowspan="2">Размер, см</th><th rowspan="2">Цвет</th><th rowspan="2">Толщина, мкм</th><th rowspan="2">Штук в рулоне</th><th rowspan="2">Рулонов в упаковке</th><th colspan="3">Цена за упаковку</th></tr>
<tr align="center"><td>до 5 упаковок</td><td align="center">5 – 30 упаковок</td><td align="center">более 30 упаковок</td></tr>
<tr align="center"><td>90х110</td><td rowspan="5">Черный
Синий
Зелёный
Желтый
Красный
Белый
Прозрачный
Любой цвет под заказ!</td><td>40</td><td>10</td>< td>25</td><td>1210 руб.</td><td>1160 руб.</td><td>1100 руб.</td></tr>
<tr align="center"><td>90х110</td><td> 60</td><td>10</td><td>20</td><td >1290 руб.</td><td>1230 руб.</td><td>1170 руб.</td></tr>
<tr align="center"><td>90х110</td><td> 40</td><td>25</td><td>10</td><td >1230 руб.</td><td>1160 руб.</td><td>1100 руб.</td></tr>
<tr align="center"><td>90х110</td><td> 55</td><td>25</td><td>10</td><td >1290 руб.</td><td>1230 руб.</td><td>1170 руб.</td></tr>
<tr align="center"><td>90х110</td><td> 60</td><td>25</td><td>10</td><td >1690 руб.</td><td>1640 руб.</td><td>1580 руб.</td></tr>
</table>