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

HTML+CSS+JavaScript

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

 

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

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: слой выезжает из-под нижнего края страницы и остается там

Сообщения:  [1-6] 

 
 автор: ilyaILF   (22.04.2007 в 22:32)   письмо автору
 
   для: RMW   (22.04.2007 в 21:51)
 

RMW, да, конечно, для данной задачи правильно будет использовать методы offsetHeight и clientHeight.

   
 
 автор: RMW   (22.04.2007 в 21:51)   письмо автору
 
   для: ilyaILF   (22.04.2007 в 20:40)
 

В Опере он почему-то показывает высоту контента.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> 
<head> 
<style type="text/css"> 
html, body 
    {height: 100%;} 
</style>
<script>
onload=function()
{
  var h = window.innerHeight?innerHeight:null;

  alert('html.clientHeight: '+document.documentElement.clientHeight+
  '\nbody.clientHeight: '+document.body.clientHeight+
  '\nbody.offsetHeight: '+document.body.offsetHeight+
  '\nbody.scrollHeight: '+document.body.scrollHeight+
  '\nwindow.innerHeight:'+h);
}
</script> 
</head> 
<body> 
<div style="position:absolute;height:10000px;width:10000px;">0123</div> 
</body> 
</html>

   
 
 автор: ilyaILF   (22.04.2007 в 20:40)   письмо автору
 
   для: elenaki   (22.04.2007 в 20:08)
 

Ширина и высота рабочей области броузера:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<style type="text/css">
html, body
    {height: 100%;}
</style>

</head>
<body id="body1">
<script type="text/javascript">
<!--
alert([document.getElementById('body1').scrollHeight,document.getElementById('body1').scrollWidth]);
// -->
</script>

</body>
</html>

В соответствии со стандартами W3C.
P.S. И если я не ошибаюсь, то ниже нижнего края опустить слой невозможно, потому как сразу же увеличится и прокрутка страницы сайта. Можно попытаться поработать с нулевой высотой слоя, расположенного точно внизу (position: absolute; bottom: 0;) постепенно ее увеличивая, но надо учитывать, что в нем находится.

   
 
 автор: elenaki   (22.04.2007 в 20:08)   письмо автору
1.3 Кб
 
   для: ddhvvn   (22.04.2007 в 19:37)
 

при абсолютном позиционировании мы даем координаты top: ...px, а мне надо bottom. но так он не понимает. а позиция относительно верха зависит от разрешения, у кого-то при 850 скроется слой, а у кого-то при 1500 виден будет... давать ему 3000px от верха что-то не хочется. он пол-дня выезжать будет оттуда.

вот есть такой дурацкий скрипт - створки. мне надо наоборот. слои не убираются один вверх, другой вниз, а выползают один сверху, другой снизу, только не до середины страницы, а на 40рх...

   
 
 автор: ddhvvn   (22.04.2007 в 19:37)   письмо автору
 
   для: elenaki   (22.04.2007 в 19:27)
 

>немного непонятно, как изначально засунуть этот слой ниже нижнего края документа.
может быть задать ему абсолютное позиционирование?..

   
 
 автор: elenaki   (22.04.2007 в 19:27)   письмо автору
 
 

просьба к знатокам Java-script.

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

тут надо вычислять высоту и ширину рабочей области браузера? немного непонятно, как изначально засунуть этот слой ниже нижнего края документа. если я его нарисую командой document.write(), скрипт, который должен этот слой двигать, его не видит, говорит, что не объект...

   

Сообщения:  [1-6] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

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