Похоже, куда то не туда я вопрос первоначально запостил. Продублирую здесь.
Обнаружил странный эффект:
открываю в неполноэкранном режиме 2 странички сайта, получаю следующую картинку.(цветные полоски с цифрами - подобие линейки)
Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке./monthly_2017_05/screen.png.cbf609d9bb135ea57a5a215785bac31d.png" alt="screen.png" />
Хедер задан в шаблоне, однако на двух разных страницах отображается (расположение элементов) по разному.
Плюс, на одной из страниц (заметно на примере второго хедера) справа получается пустая полоска и на хедере и на самой странице и на футере. Аналогичный эффект и на других размерах окна именно на этой странице.
Причем, если окно браузера сжимать, то пустая полоска не появляется. Но стоит перечитать страничку в уже уменьшенном окне, снова вылезает пустота справа.
Исходные данные по некорректно отображаемой странице и хедеру: Страница: Блоки растянуты на всю ширину браузера.
Для нормально отображаемой страницы задана одна динамическая точка останова 1200рх.
Для криво отображаемой страницы выставлены точки останова с фиксированной шириной для отображаемого режима.
Например, на скриншоте показано отображение в окне шириной 460рх. Для него фиксированная точка останова (480 - 400рх) на самой странице. На хедере - фиксированная точка останова (610 - 400рх).
Фиксация элементов на странице: Телефон - справа, логотип - слева. Размер этих элементов неизменный.
В Muse, при ширине окна ~460рх, расстояние между элементами визуально больше, чем в браузере и такого наезда не наблюдается.
Вопрос: Что сделано не так, и как избавиться от этих эффектов?
Заработай!
3.0
Похоже, куда то не туда я вопрос первоначально запостил. Продублирую здесь.
Обнаружил странный эффект:
открываю в неполноэкранном режиме 2 странички сайта, получаю следующую картинку.(цветные полоски с цифрами - подобие линейки)
Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке./monthly_2017_05/screen.png.cbf609d9bb135ea57a5a215785bac31d.png" alt="screen.png" />
Хедер задан в шаблоне, однако на двух разных страницах отображается (расположение элементов) по разному.
Плюс, на одной из страниц (заметно на примере второго хедера) справа получается пустая полоска и на хедере и на самой странице и на футере. Аналогичный эффект и на других размерах окна именно на этой странице.
Причем, если окно браузера сжимать, то пустая полоска не появляется. Но стоит перечитать страничку в уже уменьшенном окне, снова вылезает пустота справа.
Исходные данные по некорректно отображаемой странице и хедеру:
Страница: Блоки растянуты на всю ширину браузера.
Для нормально отображаемой страницы задана одна динамическая точка останова 1200рх.
Для криво отображаемой страницы выставлены точки останова с фиксированной шириной для отображаемого режима.
Например, на скриншоте показано отображение в окне шириной 460рх. Для него фиксированная точка останова (480 - 400рх) на самой странице.
На хедере - фиксированная точка останова (610 - 400рх).
Фиксация элементов на странице: Телефон - справа, логотип - слева. Размер этих элементов неизменный.
В Muse, при ширине окна ~460рх, расстояние между элементами визуально больше, чем в браузере и такого наезда не наблюдается.
Вопрос: Что сделано не так, и как избавиться от этих эффектов?
Share this post
Link to post