U.Helper

Статьи
Разработки
Форум
FAQ
Правила
Заказ работ
Поиск

[ Новые сообщения · Участники · Поиск по форуму · RSS ]

Страница 1 из 1 1
Модератор форума: Gaara, kydapodatsya

Форум интересных решений » Веб-мастерская » Веб-программирование » Как растянуть фон сайта под все мониторы (100%)?

Как растянуть фон сайта под все мониторы (100%)?

ModeRzzz

Дата: 14 Февраля 2010, 11:31 | Сообщение # 1

● ● ● ● ●

598 сообщений

« 12 »

0 наград

Статус: Offline

Собственно, сабж. Хотелось бы узнать все по-точнее...

Freeman1320

Отредактировал Freeman1320 - Пятница, 26 Августа 2011, 13:43

Дата: 26 Августа 2011, 13:42 | Сообщение # 2

● ● ● ● ●

3 сообщения

« -1 »

0 наград

Статус: Offline

Т.к. background-size пока не всеми распространенными браузерами поддерживается, приходится это свойство воспроизводить в ручную:

HTML:

Code

<body>
<div id="page-background"><img src="path-to/alps.jpg" width="100%" alt="Альпы" /></div>
<div class="main">
[содержимое сайта]
</div>
</body>

CSS:

Code

#page-background {
position: fixed;
top: 0;
left: 0; [size=12]
width: 100%;
height: 100%;
}
.main {
position: relative;
z-index: 1;
overflow: hidden;
}

Для IE6 добавляем эмуляцию position: fixed:

Code

body {
background:url(about:blank);
background-attachment: fixed;
}
#page-background {
position:absolute;
top: expression(document.getElementsByTagName("body")[0].scrollTop + "px");
}

Заходите ко мне Свободный IT Блог

Jampire

Дата: 26 Августа 2011, 14:09 | Сообщение # 3

● ● ● ● ●

220 сообщений

« 6 »

0 наград

Статус: Offline

Freeman1320,
1. Зачем нужен див? можно придать размер <body>
2. Зачем растягивать вертикально? вить высота должна зависеть от количества контента. А так если контента больше страницы - он пойдет за див в низ. а див останется = высоте экрана.