Как сдлеать растягивание бэкнраунда на весь экран?

капрал · 3 Окт 2009

clientWidth это javascript:

Код:

<script>
alert(document.body.clientWidth);
</script>

rafic · 3 Окт 2009

капрал написал(а):
clientWidth это javascript:

Код:

<script> alert(document.body.clientWidth); </script>

А что он делает?

капрал · 3 Окт 2009

указывает ширину body браузера клиента. можно так узнать в принципе ширину любого елемента отрисованого в браузере пользователя.

а растягивание бэкграунда через clientWidth сделано примерно по такому алгоритму (лень писать точный код, но все же

Код:

function OurFunction(){
проверить clientWidth елемента body
если он меньшее 1000, присвоить body класс .low
если он >1000 но <2000, присвоить body класс .mid
если он >2000, присвоить body класс .big
}

в классе .low размер бэкграунда маленький
в классе .mid размер бэкграунда средний
в классе .big размер бэкграунда большой

и при ресайзер окна браузера конечно же надо эти действия повторять, потому в боди еще прописываем <body onrisize="OurFunction()">

еще вроде можно ловить события через javascript (не прописывая подобное в теге body), но я не знаю как.

Учи вобщем еще и Javascript кароче =-)

wmzz · 3 Окт 2009

Попробовал, не хочет таблица растягиваться

Порылся в инете, нашел такое решение - у меня заработало

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Растягиваемый фон</title>
<style type="text/css">
#layer1 {
z-index: 1; /* Порядок слоев */
width: 100%; /* Ширина слоя с фоном */
height: 100%; /* Высота слоя с фоном */
position: absolute; /* Абсолютное позиционирование */
left: 0; /* Положение от левого края окна */
top: 0; /* Положение от верхнего края */
}
#layer2 {
position: absolute; /* Абсолютное позиционирование */
z-index: 2; /* Порядок слоев */
}
</style>
</head>
<body>
<div id="layer1">
<img src="d:\psp.jpg" width="100%" height="100%" alt="">
</div>
<div id="layer2">
Основное содержимое веб-страницы
</div>
</body>
</html>

rafic · 4 Окт 2009

wmzz написал(а):
Попробовал, не хочет таблица растягиваться

Порылся в инете, нашел такое решение - у меня заработало

В принципе тоже, что я предлогал пару постов назад.

Как сдлеать растягивание бэкнраунда на весь экран?

капрал

Профессор

rafic

Местный житель

капрал

Профессор

wmzz

Писатель

rafic

Местный житель