Как правильно выровнить бекграунд?

Question

[Serjabos]

Начал верстать одну страничку и столкнулся с проблемой . Задача сделать фон на всю доступную ширину , чтобы изображение растягивалось , но оно не встает так , как нужно. В общем смотрите сами.
КАК НУЖНО
КАК У МЕНЯ

#home{
	height:700px;
	background:#343436 url(img/Home_bg.jpg) no-repeat center bottom;
 
    background-size:cover;
}

Answer 1

[Евгений Петров]

Вы центрируете по горизонтали и выравниваете по нижней границе. Так и задумано?
Посмотрите также Positioning Offset Background Images. Обратите на первый пункт про 4 значения в позиционировании (смещения).

Comments

[Serjabos]

Так и задуманно

[Евгений Петров]

Тогда в чём вы видите ошибку, если браузер реализовал то, что и было задумано?

[Serjabos]

Евгений Петров: Значит я делаю что-то не так , но если выравнваить по верхней границе , то изображение падает резко вниз , и половина изображения с телефоном , наушниками , бумажником обрезается

[Евгений Петров]

А центрировать по вертикали не пробовали?
И из ваших картинок разного размера непонятно, что конкретно нужно изменить. Вы бы сделали скрины одного размера.

Answer 2

[Роман]

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

Comments

[Serjabos]

Высота картинки 700px Блока тоже 700px , я так понял , что проблема в том что когда он по ширине растягивается , он растягивается и по высоте , чтобы качество картинки не терялось

[Евгений Петров]

Serjabos: Так она у вас стоит с размером cover. Безусловно, она будет изменяться в размерах, чтобы покрыть всю площадь.