Буду признателен, если кто-нибудь поможет мне в этом вопросе. В CodexCoder есть бесплатный шаблон html, который мне нравится, «Daily News». Как следует из названия, у меня проблема с горизонтальной полосой прокрутки.
Я хочу вставить несколько футбольных таблиц на страницы. Таблицы на самом деле являются файлами Excel, экспортируемыми в формате .htm, поэтому они не являются адаптивными, и я не хочу, чтобы они реагировали. Я вставляю их с помощью оператора php include (для этого я преобразую файл .htm из исходного шаблона в файл. php; для файлов .htm нужно JS, чтобы включить другой файл, поэтому их проще преобразовать в. php).
Итак, на макете рабочего стола все работает как шарм - основной контент показывает мою таблицу, и есть правая боковая панель. Однако, когда сайт становится мобильным, то есть когда ширина браузера уменьшается ниже ширины таблицы, правая часть таблицы становится запутанной, невидимой (что я ожидал), но горизонтальная полоса прокрутки отсутствует, поэтому я могу прокрутить вправо до см. всю таблицу (чего я не ожидал!).
Аналогично, на мобильном телефоне контент нельзя прокручивать влево, он не реагирует на нажатие и удержание, поэтому таблица разрезается пополам а также.
Вот пример: www.oxeas.com, а скриншоты ниже, надеюсь, понятно, что я пытаюсь сказать.
![Desktop layout](https://i.stack.imgur.com/ukKs6.jpg)
![Wide layout, table still visible](https://i.stack.imgur.com/29izs.jpg)
![Mobile layout - table does not fit the window, there is no scrollbar, and it cannot be moved on mobile device at all](https://i.stack.imgur.com/qmANZ.png)
Я думаю, переключатель находится где-то в. css, но Мне не удалось найти его. Я немного побаловался с атрибутами переполнения и прокрутки в bootstrap css, но это не дало никаких результатов.
Если я попытаюсь применить переполнение: auto к некоторым существующим элементам div вокруг таблицы, я получу неожиданное поведение, такое как полосы прокрутки в меню навигации или боковой панели; очевидно, один и тот же идентификатор div или класс используется для нескольких элементов на странице; в лучшем случае я получаю полосу прокрутки внизу столбца, которая не видна до прокрутки вниз, под таблицей, поэтому она не очень полезна.
Я создал новый класс div и заключил в него только таблица внутри, и в этом случае я получаю полосу прокрутки в нужном месте, под самой таблицей, но опять же она не видна, пока не достигнут конец таблицы, так что это тоже не удобно.
Да, я знаю один вариант это связаться с разработчиком, но это бесплатная тема, я думаю, они не предоставляют поддержку бесплатных тем, и я не готов платить; Мне нравится шаблон, но не так сильно.
Надеюсь, кто-то здесь знает, как вернуть эту полосу прокрутки назад? Заранее спасибо!