Как адаптировать таблицу с информацией под мобильную версию сайта?

голоса: 0

Здравствуйте. Когда переходим на сайт с мобильного устройства - таблицы с информацией выходят за пределы страницы (уходят в сторону).

Помогите, как адаптировать таблицы под мобильную версию?

Адрес сайта http://mdoau3.ucoz.ru/
| Автор: | Категория: Вопросы новичков
Переоткрытие | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0
Чтобы таблицы всегда были адаптивны, для них нужно указывать ширину 100%, то есть не делать фиксированной подобно 500px или 800px, только 100%
| Автор:
Как это изменить? Где отметить или прописать эти 100?
Марина Козлова,
Наведите примеры страниц сайта где у вас есть таблицы с этой проблемой.
Марина Козлова,

Найти на странице код:

<table border="1" style="width:600px;">

заменить на:

<table border="1" style="width:100%;">

Yuri_Geruk,
Спасибо большое за помощь!!!
Yuri_Geruk,

Спасибо за помощь! Ваш совет сработал. 

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

Вот ссылки

http://mdoau3.ucoz.ru/index/vakantnye_mesta_v_mdoau_3/0-84

http://mdoau3.ucoz.ru/index/pasport_dou/0-24

http://mdoau3.ucoz.ru/index/gruppa_1/0-41

Марина Козлова,
Ждите, позже посмотрю и отвечу.
Марина Козлова,
По больших таблицах, прочтите решение http://frontender.info/simple-responsive-table/ я им пользуюсь при необходимости.
...