help!! Проблема с отображением фона на сайте

**manya.od** · 23.06.2015 12:10

Всем доброго времени суток!
Я делаю себе сайт визитку с нуля, впервые работаю с html, сайт простейший:
1.фон -картинка
2.Меню
3.небольшая картинка на главной
проблема заключается в том, что, когда я поставила изображение (1280х960), оно не поместилось полностью на экране (по длинне),
<body style="background-image:url(/images/FON.jpg)">
поэкспериментировав с размерами, сделала 1280х760, так изображение было нормальным по ширине, и почти нормальным по длинне, пробовала добавить скрол, появилась полоска, но без бегунка, при изменении размеров окна, скрол тоже себя не проявлял.

Подскажите, как сделать чтоб изображение 100% отображалось на сайте?

**Art_Dreamer** · 23.06.2015 21:55

background-size: 100%
Разрешения экранов разные бывают. Нет смысла подгонять только под Ваш.

**manya.od** · 24.06.2015 22:03

сделала вот так, и заработала, спасибо

#window_back{
background-image: url('/images/FON.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
}

**Art_Dreamer** · 30.06.2015 16:05

Можно было написать:
#window_back{
background: url('/images/FON.jpg') no-repeat;
background-size: 100%;
}

И да. id без js лучше не использовать. Специфичность слишком повышается. А если с js, то не весить на них стили. id для другого нужны.
+ background же всему окну дается. Повесьте его на body

Тема: help!! Проблема с отображением фона на сайте

Опции темы

help!! Проблема с отображением фона на сайте

Похожие темы

Mortification - help find

Прошу help!!

help!!

PLEAS HELP

help

Социальные закладки

Социальные закладки

Ваши права