Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: элемент всегда на экране
 
 автор: victoor   (08.11.2006 в 23:34)   письмо автору
 
 

Есть некий элемент (желательно Table, но можно и div) абсолютно позиционированный.
Как сделать так, чтобы при прокрутке странички элемент оставался в поле зрения (т.е. перемещать его?)?

Пожалуйста, помогите!

   
 
 автор: Lelik   (09.11.2006 в 00:01)   письмо автору
 
   для: victoor   (08.11.2006 в 23:34)
 

Пробуй так

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
<!--  Стили  -->
<style type="text/css">
body {margin:0; padding:0;}
table {margin:0; padding:0;}
tr {margin:0; padding:0;}
td {margin:0; padding:0;}
</style>
<script language="javascript">
<!--
function reklama()
   {
      wdth = document.getElementById("doc").clientWidth;
      hght = document.getElementById("doc").clientHeight;
      document.getElementById("rekl1").style.left = (wdth - 100);
      document.getElementById("rekl1").style.top = 0;
      document.getElementById("rekl2").style.left = 0;
      document.getElementById("rekl2").style.top = 0;
   }   
function chgTop()
   {
      if(document.getElementById("doc").scrollTop > 0)
         {
            var top = document.getElementById("doc").scrollTop;
            document.getElementById("rekl1").style.top = top;
                        document.getElementById("rekl2").style.top = top;
         }
      else
            {
         document.getElementById("rekl1").style.top = 0
         document.getElementById("rekl2").style.top = 0
            }         
   }   
//-->
</script>

</head>
<body id="doc" onLoad="reklama()" onScroll="chgTop()">
<table height="1000" width="100%">
<tr>
<td>
</td>
</tr>
</table><div id="rekl1" style="position:absolute; left:0; top:0; height:100; width:100; z-index:2; background-image:url('ddd.gif')">
</div>

<div id="rekl2" style="position:absolute; left:0; top:0; height:100; width:300; z-index:2; padding-left:5px; padding-top:5px;">

<h2 id="txt" style="color:#009900; ">Этот текст будeт виден всегда :)</h2>
</div>

</body>
<html>

   
 
 автор: victoor   (09.11.2006 в 00:17)   письмо автору
 
   для: Lelik   (09.11.2006 в 00:01)
 

Спасибо! заработало! :))
А это только в IE будет работать, или и в других браузерах тоже?

   
 
 автор: Lelik   (09.11.2006 в 00:19)   письмо автору
 
   для: victoor   (09.11.2006 в 00:17)
 

не знаю как в нетскейпе, а в файрворксе и опере работать должно

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования