0

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

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

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

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

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

3
  • Приведите пожалуйста другой пример или скриншот, так как картинки не подгружаются и не понятно в чем проблема. Commented 20 мая 2015 в 11:51
  • Если реч идет о header, то уберите background-position: 50% 50%; Commented 20 мая 2015 в 11:59
  • Картинки догрузила. background-position: 50% 50%; - убрала. Изначально его и не было, не работала все равно. Это я от отчаянья.
    – Polina
    Commented 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
    Commented 20 мая 2015 в 12:37
  • желательно, чтобы выложили скриншот
    – Anton
    Commented 20 мая 2015 в 12:39
  • Прошу, уточните, скин чего? ошибки? Исходника? i.imgur.com/rkxgl0s.jpg - исходник. prntscr.com/77btvu - баг...
    – Polina
    Commented 20 мая 2015 в 12:44
  • сказал же, что изображение маленькое
    – Anton
    Commented 20 мая 2015 в 12:46
  • ААААААААААААА!!!!! ДОШЛО!!!! СПАСИБО! Убежала ковыряться!!!
    – Polina
    Commented 20 мая 2015 в 13:00

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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