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

HTML+CSS+JavaScript

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

 

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

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

тема: как сделать позиционирование <div> независимо от прокрутки
 
 автор: Sulla   (16.03.2006 в 19:36)   письмо автору
 
 

как сделать чтобы независимот от прокрутки <div> всегда был в правой (по центру)части экрана ?
чёт нигде ничег оне нащёл :(

   
 
 автор: 12345   (16.03.2006 в 19:51)   письмо автору
 
   для: Sulla   (16.03.2006 в 19:36)
 

<body ... onScroll=moveMenu()>

скрипт:

function moveMenu(){ d.ID('menuDiv').style.left=13+d.body.scrollLeft;
d.ID('menuDiv').style.top=17+d.body.scrollTop;}

d.ID=function(I){return this.getElementById(I);}

   
 
 автор: sulla   (16.03.2006 в 22:45)   письмо автору
 
   для: 12345   (16.03.2006 в 19:51)
 

порывшись получше нащёл ещё вариант:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ru">
<head>
<title>Fixed DIV</title>
<style>
   html,body{height:100%;}
   body{margin:0;padding:0;background:#eee;}
   #t{width:100px;height:200px;background:#fff;top:50px;right:50px;border:1px solid #666;}
   /*Блок для IE*/
   *html{overflow:hidden;}
   *html #t{position:absolute;}
   *html #d{height:100%;overflow:auto;background:#eee;}
   /*Блок для MZ, Opera*/
   html>body #t{position:fixed;}
</style>
</head>
<body>
   <div id="t"></div>
   <div id="d"></div>
   <script type="text/javascript">
      var x=''
      for(i=0;i<300;i++)x+='text<br>'
      document.getElementById('d').innerHTML=x
   </script>
</body>
</html>

   
Rambler's Top100
вверх

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