Question

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

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

Answer 1

Чтобы таблицы всегда были адаптивны, для них нужно указывать ширину 100%, то есть не делать фиксированной подобно 500px или 800px, только 100%

Comments

Как это изменить? Где отметить или прописать эти 100?

---

Марина Козлова,

Наведите примеры страниц сайта где у вас есть таблицы с этой проблемой.

---

Yuri_Geruk,

Например, вот.

http://mdoau3.ucoz.ru/index/gruppa_6_quot_kolokolchiki_quot/0-170

---

Марина Козлова,

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

<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/ я им пользуюсь при необходимости.