Jump to content
  • 0
Sign in to follow this  
Taurus

Футер "плывет" и появляется разрыв блоков.

Question

Taurus    2

         Уважаемые пользователи, нужен совет как побороть такую проблему.

Совсем недавно начал разбираться с программой и столкнулся с такой проблемой. При уменьшении масштаба, футер начинает "плыть" вниз и возникает

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

полоса ? Проблема появляется при масштабировании уже 70 % на широком мониторе.

   Попытался решить проблему (один совет находил на форуме), футер потянул чуть выше слоя контента. Никак это не помогло:huh:.

Для удобства разместил саму схему макета и появление проблемы в браузере.

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post

5 answers to this question

Recommended Posts

  • 0
1 час назад, Taurus сказал:

Совсем недавно начал разбираться с программой и столкнулся с такой проблемой. При уменьшении масштаба, футер начинает "плыть" вниз и возникает

разрыв между блоком контента и футером.

Плывет не футер, а  просто голубой прямоугольник остается таким как он есть в всоту - 670px. При увеличении масштаба, вы увеличиваете в размерах вьюпорт (монитор). Для понимания - масштабом вы увеличили монитор например  до 1080px в высоту, блок 670, футер сколько там у Вас, 100? Остаётся 310 пикселей разрыва. Так что, всё работает так как и должно работать - прямоугольники не растягиваются в высоту, а футер примагничен к низу окна. Поэтому обнажается заливка в браузере.
Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.
Просто заполняйте сайт дальше и всё, проблема пропадет.
Если у вас планируется один фон на весь сайт, то не используйте для этого прямоугольник, а используйте заливку в браузере, тогда разрыва не будет при любом масштабе.

Share this post


Link to post

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
  • 0
Taurus    2
2 минуты назад, Павел Хомерики сказал:

Плывет не футер, а  просто голубой прямоугольник остается таким как он есть в всоту - 670px. При увеличении масштаба, вы увеличиваете в размерах вьюпорт (монитор). Для понимания - масштабом вы увеличили монитор например  до 1080px в высоту, блок 670, футер сколько там у Вас, 100? Остаётся 310 пикселей разрыва. Так что, всё работает так как и должно работать - прямоугольники не растягиваются в высоту, а футер примагничен к низу окна. Поэтому обнажается заливка в браузере.
Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.
Просто заполняйте сайт дальше и всё, проблема пропадет.
Если у вас планируется один фон на весь сайт, то не используйте для этого прямоугольник, а используйте заливку в браузере, тогда разрыва не будет при любом масштабе.

          Павел, спасибо за разъяснения. Читал некоторые Ваши советы и уже часть ошибок изначально избежал. Вот только неясным вопрос для меня остаётся по поводу фона. Вы говорите о том, чтобы сделать фон заливкой в браузере...Что Вы в данном случае имеете ввиду ? Т.е. нужно будет вручную выставлять бекграунд сайта через CSS или это можно сделать имеено в программе ? Планируется фон, который будет иметь заливку не цветом, а паттерном-картинкой (пиксельной). 

Share this post


Link to post
  • 0
8 минут назад, Taurus сказал:

Павел, спасибо за разъяснения. Читал некоторые Ваши советы и уже часть ошибок изначально избежал. Вот только неясным вопрос для меня остаётся по поводу фона. Вы говорите о том, чтобы сделать фон заливкой в браузере...Что Вы в данном случае имеете ввиду ? Т.е. нужно будет вручную выставлять бекграунд сайта через CSS или это можно сделать имеено в программе ? Планируется фон, который будет иметь заливку не цветом, а паттерном-картинкой (пиксельной). 

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post
  • 0
Taurus    2
1 минуту назад, Павел Хомерики сказал:

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Вот этого окна у меня нет на панели..."заливка в браузере" (возле якоря), поэтому и возник вопрос ). Спасибо за наводку, буду разбираться. Теперь точно решу вопрос через заливку... Уже думал один выход - разбираться в разметке. Век живи, век учись ).

Share this post


Link to post
  • 0
2 минуты назад, Taurus сказал:

Вот этого окна у меня нет на панели..."заливка в браузере" (возле якоря), поэтому и возник вопрос ). Спасибо за наводку, буду разбираться. Теперь точно решу вопрос через заливку... Уже думал один выход - разбираться в разметке. Век живи, век учись ).

Чтобы оно появилась, просто кликните на пустом месте (вне страницы), а потом кликните на ссылку Заливка в браузере

Share this post


Link to post
Sign in to follow this  

×
×
  • Create New...