Показать сообщение отдельно
  #11 (permalink)  
Старый 19.11.2010, 11:22
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Kolyaj,
Надо перекрыть всю видимую часть боди при этом чтобы скролинг не увеличился
или проще размер боди с отступами
Пример того что хотелось бы получить в результате
<!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">
<head>
  <title></title>
<style type="text/css">
img{
  display: none;

}
body{
   margin: 0px;
}
</style>
<script type="text/javascript">
function set()
{  div = document.getElementById('div3');
   div.style.position = "absolute";
   div.style.left = "0px";
   div.style.top  = "0px";
   div.style.width= document.body.offsetWidth+"px";
   div.style.height=document.body.offsetHeight+"px";
   div.style.zIndex=-999;
   div.style.display='block';
}
</script>
</head>
<body>
<img id="div3" src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" border="0" alt="" />
<input type="button" name="" value="go"  onclick="set()"/>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</body>
</html>

тоже самое на jquery
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
body{
   margin: 0px;
}
</style>
<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){ $("#images").width($(document.body).width()).height($(document.body).height()).css({"position": "absolute","left":"0px","top":"0px","margin": "0px"})
  });
</script>
</head>
<body>
<img id="images" src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" border="0" alt="" />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</body>
</html>

надо получить тотже самый эффект не используя
<style type="text/css">
body{
   margin: 0px;
}
</style>

плюс если боди меньше вьпорта перекрыть весь вьюпорт

Последний раз редактировалось рони, 19.11.2010 в 11:26.
Ответить с цитированием