Резиновая таблица в мобильной версии сайта - Joomla 3.x: Шаблоны, разметка и макеты вывода

так на странице одна из таблиц имеет фиксированную ширину

Код

ОХРАННО — ТРЕВОЖНАЯ СИГНАЛИЗАЦИЯ ДЛЯ КВАРТИР
<table border="1" style="width: 800px; border-color: #614720;">

Какая может быть резина то?
Если хотите править и смотреть сайт на моб.устройствах --- открываете один из представленных сайтов, вводите адрес, открываете FireBug и прям тут смотрите правила, стили и правите их

Оберните в div допустим с классом .my_div эту таблицу и добавьте стили

Код: css

@media screen and (max-width: 800px) {
	.my_div {
	    max-width:100%;
	    overflow-x: scroll;
	    -webkit-overflow-scrolling: touch;
	}
}

это позволит прокручивать таблицу по ширине не распирая сам контейнер

Оберните в div допустим с классом .my_div эту таблицу и добавьте стили

<div class="my_div">
<table border="1" 
...
</table>
</div>

@media screen and (max-width: 800px) {
	.my_div {
	    max-width:100%;
	    overflow-x: scroll;
	    -webkit-overflow-scrolling: touch;
	}

В самом материале, открываете -хтмл- (на панели) и таблицу помещаете в такой блок

Код

<div class="my_div">
<table border="1" 
...
</table>
</div>

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

Код

@media screen and (max-width: 800px) {
	.my_div {
	    max-width:100%;
	    overflow-x: scroll;
	    -webkit-overflow-scrolling: touch;
	}

Как вариант можно таблицу закачать в Google диск, взять код таблицы и разместить на сайте с шириной, например, 100%. Подробнее об этом написано здесь: http://infodio.ru/tablica-dlya-sajta.html