что с css стилями?

[vanoman]

возник вопрос непосредственно с оформлением в css
у меня почему то верхняя картинка на моем ПК отображается вот так
http://s020.radikal.ru/i712/1408/2b/ab12baa8ab3bt.jpg (http://radikal.ru/fp/35c918f8137f430b91e633d8cf3813e5) т.е. там вправо будет пустое место.

http://s020.radikal.ru/i703/1408/fb/742141270134t.jpg (http://radikal.ru/fp/278d835e95e244eab96b3cebd8517f6e)
этого быть не должно
у моего друга эта картинка отображается на ПК так.
http://s019.radikal.ru/i600/1408/a0/5f4cb8ac6e57t.jpg (http://radikal.ru/fp/7f540cd8d5fa453285c57018cd11b3f5)
Кстати также она выглядит, когда я используя snagit со скролом. Данная картинка соскринена с моего компа, но на пк друга так изначально отображается.
Нашел в css её место
http://s019.radikal.ru/i611/1408/81/8e95e909a443t.jpg (http://radikal.ru/fp/ddc3a3ef9ab44ea18576314d88089c86)

Можете подсказать, как исправить css стиль, чтобы картинка была на всех компах видно одинаково полностью по всей длине от левого края к правому.

[Iska]

на моем ПК отображается »
у моего друга эта картинка отображается на ПК »
Смотреть надо браузер, его версию, его настройки и установленные расширения/дополнения, а не «ПК».

Нашел в css её место »
Потрясающе. Правда ничего не видно. Лучше было привести код страницы и код CSS-файла (если он отдельно).

[vanoman]

код
#header {
background: url("../images/header1234.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
height: 352px;
margin: 0 auto;
position: relative;
}

браузер firefox 30.0

[Habetdin]

vanoman, ваша картинка слишком узкая для монитора друга :)
чтобы картинка была на всех компах видно одинаково полностью по всей длине от левого края к правому »
Можно попробовать добавить свойство background-size (http://htmlbook.ru/css/background-size): cover для масштабирования, но результат может вас не устроить. А еще не помешает задать цвет фона блока под цвет картинки - чтобы "пустота" не так выделялась.

[vanoman]

а как это свойство добавлять? вернее в какое место)

[Habetdin]

vanoman, background-size не входит в короткую запись пяти характеристик background (http://htmlbook.ru/css/background), так что добавляйте его отдельной строкой:
#header {
background: #000 url("../images/header1234.jpg") center top no-repeat;
background-size: cover;
height: 352px;
margin: 0 auto;
position: relative;
}

не помешает задать цвет фона, чтобы "пустота" не выделялась »
В примере - задал черный (#000, перед адресом картинки).