0

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

3
  • Скиньте ссылку на код
    – Yernar
    Commented 27 апр. 2018 в 11:56
  • 2
    @Yernar, не ссылку, а тут выложить. Переходить и искать - вопрос закроют. Как и этот, впрочем.
    – user207618
    Commented 27 апр. 2018 в 11:57
  • mobimarket96.ru/collection/remont-iphone Commented 27 апр. 2018 в 11:58

2 ответа 2

1

Выбирай:

  1. Положи таблицу в div и задай ему overflow-x: auto, чтобы таблица скроллилась горизонтально внутри него.

  2. Текущее поведение гораздо удобнее того, которое ты предлагаешь. Если вся страница растянется, то чтобы читать текст выше, её придётся скроллить. Можешь просто поменять фон с чёрного на белый, что было бы логично.

PS: Что делать, если не работает CSS-класс?

1

Добавьте эти стили к вашей таблице:

overflow-x: scroll !important;
width: auto !important;
white-space: nowrap;

5
  • С каких пор overflow работает с display: table? И почему width: auto, когда должно быть 100%?
    – Qwertiy
    Commented 27 апр. 2018 в 12:20
  • @Qwertiy, Я поэкспериментировал на самом сайте в панеле разработчиков. Все отлично работало. Со width: 100% тоже работает
    – Yernar
    Commented 27 апр. 2018 в 12:22
  • Вот из-за этого работает: i.sstatic.net/Fr3H2.png К тому же, подозреваю, что в iOS Safari всё равно не работает.
    – Qwertiy
    Commented 27 апр. 2018 в 12:27
  • СПАСИБО ОГРОМНОЕ!!! всё работает Commented 27 апр. 2018 в 12:40
  • В Сафари тоже всё ОК Commented 27 апр. 2018 в 12:49

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.