Нижний колонтитул перекрывается с контентом на мобильном телефоне

Question

Я пытаюсь решить эту проблему для друга.Веб-сайт выглядит нормально на рабочем столе, но при изменении его размера до размера мобильного нижний колонтитул перекрывается с содержимым, при этом нижний колонтитул не остается в самом низу страницы.

Я пыталсяпоиграйте в инспекторе и настройках CSS, но ничего не работает.Не уверен, что происходит.

Веб-сайт: http://www.ijc.com.au/

Любой вклад будет оценен!

Answer 1

Проверьте номер строки 652 на http://www.ijc.com.au/css/media-queries.css Добавьте высоту автоматически, вам не нужно обновлять высоту таблицы для мобильных устройств.

table, thead, tbody, th, td, tr {
    display: block;
    width: 100%;
    height: auto;
}

Answer 2

table {
    height: auto;
}

Вышеупомянутый CSS решит проблему с нижним колонтитулом на сайте.

Answer 3

Ваш контент находится в макете таблицы, пожалуйста, попробуйте удалить высоту, заданную для таблицы. пожалуйста, найдите прикрепленное изображение