Статичный слой на странице @ DeForum.ru
DeДверь  
Логин:  
Пароль:  
  Автологин  
   
Разместить рекламу
Письмо админу
Правила | FAQ | *Поиск | Наша команда | Регистрация | Вход
 
 
 Страница 1 из 1 [ Сообщений: 13 ] 
*   Список форумов / Начинка и техника / Программирование для WWW » ответить » создать топик « | »
Автор Сообщение
astra74
соучастник
0
Сообщения: 424
Зарегистрирован: 24.09.02
Откуда: Санкт-Петербург
Заголовок сообщения: Статичный слой на странице
Сообщение Добавлено: 11 Май 2004, 10:22:38 
Нужно поместить слуй на странице, чтобы он постоянно висел в одном месте и не реагировал на перемотку страницы.
Таким образом хочу разметить навигацию.
Когдато читал, что такое можно сделать с простым слоем, но вот какую функию использовать :confused:

_________________
С уважением, Alex.
.sv Муж.
новый человек
0
Сообщения: 127
Зарегистрирован: 29.04.04
Откуда: Moscow
Сообщение Добавлено: 11 Май 2004, 12:17:19 
какую функцию напишешь, такая и будет :)
нужно написать javascript'ик, который будет в зависимости от прокрутки "тела" документа менять у заданного слоя координаты. вот и все.
(но это только теория) :)

_________________
В начале был бит, а не слово, как утверждают некоторые.
[AD]
astra74
соучастник
0
Сообщения: 424
Зарегистрирован: 24.09.02
Откуда: Санкт-Петербург
Сообщение Добавлено: 11 Май 2004, 13:04:54 
.sv, я слышал, что есть установка для слоя которая определяет координаты слоя не относительно страницы, а относительно верхнего левого угла окна броузера...

_________________
С уважением, Alex.
Орлис
новый человек
0
Сообщения: 61
Зарегистрирован: 28.07.03
Сообщение Добавлено: 17 Май 2004, 12:13:25 
в CSS такая фишка есть:
{ position: absolute }

только IE6 её не поддерживает :)
edge
новый человек
0
Сообщения: 34
Зарегистрирован: 18.03.04
Сообщение Добавлено: 17 Май 2004, 12:59:45 
Орлис, крута... Хоть бы слово вроде ставили, если не знаете.
position:fixed;
.sv Муж.
новый человек
0
Сообщения: 127
Зарегистрирован: 29.04.04
Откуда: Moscow
Сообщение Добавлено: 17 Май 2004, 13:04:54 

edge писал(а):
Орлис, крута... Хоть бы слово вроде ставили, если не знаете.
position:fixed;

угу.. вот это больше похоже на правду, только IE 6 не поддерживает, а в Opera 7.22 и Mozilla 1.6 все оке

_________________
В начале был бит, а не слово, как утверждают некоторые.
[AD]
.sv Муж.
новый человек
0
Сообщения: 127
Зарегистрирован: 29.04.04
Откуда: Moscow
Сообщение Добавлено: 17 Май 2004, 13:07:05 
http://www.w3.org/TR/REC-CSS2/visuren.h … ositioning

_________________
В начале был бит, а не слово, как утверждают некоторые.
[AD]
astra74
соучастник
0
Сообщения: 424
Зарегистрирован: 24.09.02
Откуда: Санкт-Петербург
Сообщение Добавлено: 23 Июль 2004, 09:22:30 
Орлис, подскажи где там есть такая фишка???
.sv, я вскриптах не силен... Может где скачать можно?

_________________
С уважением, Alex.
Nekta
новый человек
0
Сообщения: 133
Зарегистрирован: 15.05.03
Сообщение Добавлено: 23 Июль 2004, 09:37:26 
Код:
<script language="javascript">
var w;
var h;

var leftpos = 65;
var toppos = 60;

window.onscroll=staticize;
 
function staticize()
{
   w=document.body.scrollLeft+leftpos
   h=document.body.scrollTop+toppos
   document.getElementById('DivMove').style.left = w
   document.getElementById('DivMove').style.top = h
}
</script>

ессесно, в документе ваш недвижимый объект должен иметь "id='DivMove'"

_________________
Критика - это учить автора, как бы я сделал на его месте, если бы умел.
Карел Чапек.
astra74
соучастник
0
Сообщения: 424
Зарегистрирован: 24.09.02
Откуда: Санкт-Петербург
Сообщение Добавлено: 23 Июль 2004, 09:42:37 
Nekta, СПАСИБО!!! :beer:
Можно теперь сказать, что с этим делать. Язык HTML я знаю поверхностно. Верстка в Drim...
Насколько я понимаю. нужно ето дело вставить в код с верху страницы :confused:
Ну чайник я, что с этим сделать... :cry:

_________________
С уважением, Alex.
Nekta
новый человек
0
Сообщения: 133
Зарегистрирован: 15.05.03
Сообщение Добавлено: 23 Июль 2004, 09:52:31 
окей, товарищ Ч. :), вставлять это дэло нужно внизу страницы, можете до закрывающего тэга боди.
.А див в коде - лучше всего сразу после открывающего тэга боди
Код:
<div id="DivMove" style="LEFT: 65px; POSITION: absolute; TOP: 60px">Mой див:)</div>

_________________
Критика - это учить автора, как бы я сделал на его месте, если бы умел.
Карел Чапек.
astra74
соучастник
0
Сообщения: 424
Зарегистрирован: 24.09.02
Откуда: Санкт-Петербург
Сообщение Добавлено: 23 Июль 2004, 10:29:43 
Вооо... Как.
Спасибо все заработал.
И еще один вопрос... Эта прога в любом бразере работает?

_________________
С уважением, Alex.
Nekta
новый человек
0
Сообщения: 133
Зарегистрирован: 15.05.03
Сообщение Добавлено: 23 Июль 2004, 10:48:01 
:) ну :)) всех браузеров у меня на машине нет, те что меня интересовали, я скачала из инету:)
в седьмой опере и нетскепе у меня работают:)
а еще бывают браузеры под мак, они тоже интересные чтучки выделывают порой:)

_________________
Критика - это учить автора, как бы я сделал на его месте, если бы умел.
Карел Чапек.
*   Список форумов / Начинка и техника / Программирование для WWW « | » » ответить » создать топик
 Страница 1 из 1 [ Сообщений: 13 ] 
Показать сообщения за:   Поле сортировки  
Найти:
Перейти:  
Уровень доступа: Вы не можете начинать темы. Вы не можете отвечать на сообщения. Вы не можете редактировать свои сообщения. Вы не можете удалять свои сообщения. Вы не можете добавлять вложения.
cron


ООО ДеФорум
При использовании материалов сайта ссылка на DeForum.ru — обязательна.
Проект Павла Батурина ©2001-2077; // Powered by phpBB © 2013 phpBB Group
Rambler's Top100