Question

Код страницы  https://docs.google.com/document/d/1bG3bVBJ2oeWdQzOVRLeRZWxF7l8kbJURt5fTu7HTxlo/edit?usp=sharing

Answer 1

нужна ссылка на страницу где есть проблема

Comments

https://slidsvetlana.ucoz.net/index/stoimost_cena_uslug/0-6

---

указанная страница отображается нормально

---

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

---

имя имя,

Отредактируйте блок Видео с канала, замените код:

<iframe id="ytplayer" type="text/html" width="320" height="180" src="https://www.youtube.com/embed/?listType=playlist&list=PLXhjHOfqJZBWcu-0049UHIpFyF0i4TJeP" frameborder="0" allowfullscreen>

на:

<iframe id="ytplayer" type="text/html" width="320" height="180" src="https://www.youtube.com/embed/?listType=playlist&list=PLXhjHOfqJZBWcu-0049UHIpFyF0i4TJeP" frameborder="0" allowfullscreen></iframe>

---

какие то тв каналы в правой колонке появились. чего там код правили, не пойму

---

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

---

имя имя,

Как видите проблема была из-за ошибки в ифрейме. Внимательней будьте когда встраиваете код фреймов и прочих дивов. Тв каналы там были и ранее, просто вы их не видели из-за ошибки которую я вам выше описал.

---

ясно, тогда надо тв каналы убрать, все равно не работают. но страница эта так и осталась с проблемама в браузере мобилы, с функцией не полной весии сайта  Проблема на странице - https://slidsvetlana.ucoz.net/index/stoimost_cena_uslug/0-6  А должно быть как на этой - https://slidsvetlana.ucoz.net/

---

имя имя,

На данной странице проблема из-за таблицы в которой задана ширина в width="733" а должна быть ширина 100% Если хотите чтобы таблица не ломала дизайн, ее ширина всегда должна быть 100% не фиксированной ширины.

---

ок, попробую поправить

---

там в коде 733 заменить просто на 100% ?

---

имя имя,

width="733" на width=100%

---

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

---

имя имя,

Идеального решения нет, нужно или уменьшать количество ячеек или делать решение подобно как описывалось в материале http://frontender.info/simple-responsive-table/ Способ 1

---

И потом добавить простые стили:

 .table-container {   width: 100%;   overflow-y: auto;   _overflow: auto;   margin: 0 0 1em; } 

Их добавлять в css

---

спасибо, все теперь как надо