[Levinalex88]

Здравствуйте! Созданием сайтов занялся недавно. И столкнулся с такой проблемой. Картинка фона главной страницы имеет размер 1366*768. Но когда сайт открывают с мониторами разрешение которых меньше, то страница открывается не полностью и ее приходиться скролись и вбок и вниз и соответственно когда сайт открывают с разрешением экранов больше, то картинка фона меньше экрана и картинка просто весит на белом фоне. Как сделать что бы картинка фона главной страницы открывалась для всех разрешений экрана одинаково? И сохранялись пропорции?
Заранее спасибо!

[lodas]

Хм... Тут на самом деле трудно сказать не видя саму картинку. Если у вас красочная картинка фона, то тянуть ее нельзя- иначе теряется качество. В таких случаях делайте либо фиксированный дизайн либо вырезайте части этого фона которые не тянуться и позиционируйте их.
Ну а если у вас однотонный фон или узор, то делайте:

Код HTML:

width:100%;//для блока в котором фон

/*для картинки фона*/
background-image: url(images/bg_grey.png); /* Путь к фоновому рисунку */
background-repeat: repeat-x; /* Повторяем фон по горизонтали */

[Weman]

Levinalex88, обычно картинку центрирую относительно центра экрана и когда пользователи заходят с разным разрешением экрана, то относительно центра экрана у них все отлично, а вот остальная часть картинки - сколько влезет. Надеюсь понятно написал

[druzhkov]

Можно подготовить разные фоновые картинки и подставлять нужную через media-queries в css.

Если на маленьком экране появляется скролл - значит, что-то не то с версткой. На экране должен быть виден только фрагмент фона, остальное прячется. Пример: _http://зимниепалатки.рф - задний фон (с фотографиями) имеет ширину 2000 пикселей, горизонтального скролла нет.

[worldfoto]

Фишка в том что есть резиновые шаблоны. они растягиваются до большого разрешения экрана.