1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

[Помогите] Максимальная ширина страницы в CSS

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем slava853, 17 мар 2017.

  1. slava853

    slava853

    Регистрация:
    17 мар 2017
    Сообщения:
    2
    Симпатии:
    0
    Уважаемые форумчане, просьба помочь новичку разобраться в CSS. Создал сайт в конструкторе для чайников MOBIRISE. Все устраивает, кроме пары моментов. Сайт растягивается под разные разрешения экрана. Некоторые блоки имеют максимально допустимую ширину, а некоторые – нет, и растягиваются слишком сильно на Full HD и 4к мониторах. Особенно интересует, блок с 4-мя картинками и 4-мя кнопками под ними. Ссылки из html идут на несколько файлов css. Разобраться, где именно надо прописать максимально допустимую ширину данных блоков, мне, как новичку в данном вопросе, очень тяжело. Если укажите – где именно и как надо задавать этот параметр, буду очень благодарен! Ссылка на сайт (одностраничка) с файлами css:
    https://yadi.sk/d/apkGHx4U3G6iao
     
  2. settr

    settr

    Регистрация:
    12 окт 2016
    Сообщения:
    67
    Симпатии:
    54
    В файле index.html найдите (в строчке 86)
    HTML:
      <div class="mbr-cards-row row">
    замените на
    HTML:
     <div class="mbr-cards-row row">
        <div class="container">
    Найдите после этого (строка 142 )
    HTML:
        </div>
    </section>
    замените на
    HTML:
        </div>
        </div>
    </section>
     
  3. slava853

    slava853

    Регистрация:
    17 мар 2017
    Сообщения:
    2
    Симпатии:
    0
    Спасибо за подсказку! Просто и изящно! Попробовал еще прописать <div class="container"> сразу после <body>, чтобы привести к такому формату весь сайт, а не отдельную его часть. Теперь весь сайт имеет нужную максимальную ширину, кроме самого верхнего меню. Почему так? Каким образом для этого верхнего меню так же прописать максимально допустимую ширину? Ведь оно уже содержит строки
    <nav class="navbar navbar-dropdown navbar-fixed-top">
    <div class="container">