0

Есть такая вот верстка лендинга, не резиновая, статичная: http://codepen.io/emelyanova/pen/eNdmrJ

Проблема в том, что при уменьшении размера экрана Фон div не фиксируется, появляется область белого цвета.

Я думала это отступы, но не попала. Я игралась с background-size - не помогает.

Прошу, укажите на мою ошибку.

Задача: сделать так, чтобы фоны div не двигались от масштабирования окна.

3
  • Приведите пожалуйста другой пример или скриншот, так как картинки не подгружаются и не понятно в чем проблема. 20 мая 2015 в 11:51
  • Если реч идет о header, то уберите background-position: 50% 50%; 20 мая 2015 в 11:59
  • Картинки догрузила. background-position: 50% 50%; - убрала. Изначально его и не было, не работала все равно. Это я от отчаянья.
    – Polina
    20 мая 2015 в 12:36

2 ответа 2

0

Для того чтобы убрать белый отступ, нужно задать минимальную ширину для body, тогда при достижение заданного расширения экрана, background перестанет уменьшаться и соответственно белой полосы не будет.

body {
    min-width: 940px;
}

Demo

0

Посмотрите на повторение фонового изображения, у Вас стоит no-repeat. Проверьте, не мало ли изображение, когда вы применяете масштаб. Если не хотите повтора фонового изображения, используйте: background-size:cover или background-size:contain в зависимости от ситуации

Понял я почему у Вас так. установите в background-size значение в 100%

11
  • Изначальный размер 1500 пикс. Более чем достаточно.... Спасибо за ответ. Буду рада дальнейшему общению.
    – Polina
    20 мая 2015 в 12:37
  • желательно, чтобы выложили скриншот
    – Anton
    20 мая 2015 в 12:39
  • Прошу, уточните, скин чего? ошибки? Исходника? i.imgur.com/rkxgl0s.jpg - исходник. prntscr.com/77btvu - баг...
    – Polina
    20 мая 2015 в 12:44
  • сказал же, что изображение маленькое
    – Anton
    20 мая 2015 в 12:46
  • ААААААААААААА!!!!! ДОШЛО!!!! СПАСИБО! Убежала ковыряться!!!
    – Polina
    20 мая 2015 в 13:00

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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