Exogens
О компании Контакты Клиенты Новости Форум

Блок DIV с фоном обрезается? Исправим!

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

Обрезка фона у DIV

Верхний скриншот – как фон обрезался, ниже – как фон должен был выглядеть. Способ скорректировать данную ошибку нашелся после некоторых размышлений. На самом деле подобные ошибки устраняются в процессе подготовки адаптивного дизайна, но не все же его используют.

Рецепт исправления обрезания фона прост:
<div style="min-width: 1000px; background: ..."></div>

Для блока с фоном, который обрезается, мы должны установить параметр min-width со значением, равным ширине самого широкого несжимаемого блока.


Следующий пост: Аудит сайта бесплатно! (#98, 2014.09.12)
Предыдущий пост: Обновления за июль 2014 (#96, 2014.07.31)

Пост #97. Постоянная ссылка на пост: https://exogens.ru/blog/post/blok-div-s-fonom-obrezaetsya-ispravim/

Закрыть

Отправка сообщения

Ваше имя
Компания
Контактный телефон
Электронная почта
Текст сообщения
Код подтверждения1 - 5=

Расскажите о нас!

Мы поддержим

Техподдержка | Контакты | Форум
О компании | Отзывы | Блог
Карта сайта | На главную

Мы предлагаем создание сайтов в Новосибирске под ключ на нашей CMS Ruen, их обслуживание и сопутствующие рекламные услуги.

Сайт работает на CMS RUEN

www.webmoney.ru

Блог

26Июнь
2017
Случайный эксперимент с аудиторией сайтов
31Март
2017
Показываем объявления Яндекс Директ
15Июнь
2016
Правильный адрес сайта
31Май
2016
Обновление нашего бесплатного инструмента
12Май
2016
Эксперимент по статистике сайта
18Март
2016
Создание и разработка сайтов
1Март
2016
Вход рубль, выход – два
18Февраль
2016
Мобильная версия по Яндексу vs. Pluso.ru
© Exogens, 2003-2018ИП Богданович К.П.   ИНН 540445113470   ОГРИП 305540427600039   WM аттестован   Политика конфиденциальности