Компьютерный форум OSzone.net  

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)
-   Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)
-   -   что с css стилями? (http://forum.oszone.net/showthread.php?t=286287)

vanoman 10-08-2014 22:19 2387474

что с css стилями?
 
возник вопрос непосредственно с оформлением в css
у меня почему то верхняя картинка на моем ПК отображается вот так
т.е. там вправо будет пустое место.


этого быть не должно
у моего друга эта картинка отображается на ПК так.

Кстати также она выглядит, когда я используя snagit со скролом. Данная картинка соскринена с моего компа, но на пк друга так изначально отображается.
Нашел в css её место


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

Iska 10-08-2014 23:33 2387499

Цитата:

Цитата vanoman
на моем ПК отображается »

Цитата:

Цитата vanoman
у моего друга эта картинка отображается на ПК »

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

Цитата:

Цитата vanoman
Нашел в css её место »

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

vanoman 11-08-2014 00:19 2387528

код
#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 12-08-2014 00:04 2387987

vanoman, ваша картинка слишком узкая для монитора друга :)
Цитата:

Цитата vanoman
чтобы картинка была на всех компах видно одинаково полностью по всей длине от левого края к правому »

Можно попробовать добавить свойство background-size: cover для масштабирования, но результат может вас не устроить. А еще не помешает задать цвет фона блока под цвет картинки - чтобы "пустота" не так выделялась.

vanoman 12-08-2014 00:58 2388002

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

Habetdin 12-08-2014 01:08 2388008

vanoman, background-size не входит в короткую запись пяти характеристик background, так что добавляйте его отдельной строкой:
Код:

#header {
        background: #000 url("../images/header1234.jpg") center top no-repeat;
        background-size: cover;
        height: 352px;
        margin: 0 auto;
        position: relative;
}

Цитата:

Цитата Habetdin
не помешает задать цвет фона, чтобы "пустота" не выделялась »

В примере - задал черный (#000, перед адресом картинки).


Время: 20:17.

Время: 20:17.
© OSzone.net 2001-