Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 24.03.2011, 12:43
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

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

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script>
function df(){
alert("Высота документа= "+document.height+" Странно....");
alert("Высота документа= "+document.body.offsetHeight+" Странно....");
}
</script>
<style type="text/css">
#apDiv1 {
	position:absolute;
	left:169px;
	top:55px;
	width:206px;
	height:500px;
	z-index:1;
}
</style>
</head>

<body>
<a href="#" onclick="df()">кликни</a>
<div id="apDiv1">
  <p>Любой текст</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>Любой текст</p>
  <p>&nbsp;</p>
  </div>
</body>


<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script>
function df(){
alert("Высота документа= "+document.height+" Странно....");
alert("Высота документа= "+document.body.offsetHeight+" Странно....");
}
</script>
<style type="text/css">
#apDiv1 {
	position:absolute;
	left:169px;
	top:55px;
	width:206px;
	height:200px;
	z-index:1;
}
</style>
</head>

<body>

<div id="apDiv1">
  <p>Любой текст</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
<a href="#" onclick="df()">кликни</a>
  <p>&nbsp;</p>
  <p>Любой текст</p>
  <p>&nbsp;</p>
  </div>
</body>


и результаты в разных браузерах будут различны

____________ 1 код________ 2 код
фф __________20______________0
______________20______________0

опера________undefenet________undefenet
_____________150_____________150

ИЕ____________undefenet________undefenet
______________150_____________150

Хром_________555______________307
_____________134______________134

Сафари_______555_______________307
_____________134_______________134

отличие в размере контейнеров в 1 и втором случае 300 пикселов 555-307 и 20-20 ну ни как не равно 300. при том что и в первом и втором случае есть скрол и перенос ссылки в контейнер не влияет на высоту документа-поскольку высота и начало контейнера заданны жестко.хром и сафари считают со скролом.ие,опера,фф-нужно ещё прибавлять скрол-но речь сейчас не о нём
Джиквери кросбраузерный...но опирается он на методы скрипта...не думаю что картина с ним будет другая


+ещё два бага.
если панель инструментов широкая-всё что не вошло не отображается(пол люльки и всё)
если схватить ребёнка то можно перетянуть его далеко за пределы рабочей области

Последний раз редактировалось dmitriymar, 24.03.2011 в 17:48.
Ответить с цитированием
  #12 (permalink)  
Старый 31.03.2011, 20:16
Аспирант
Отправить личное сообщение для Saimon7887 Посмотреть профиль Найти все сообщения от Saimon7887
 
Регистрация: 03.02.2010
Сообщений: 37

Поставь фоновую картинку как фон у элемента, а то не красиво когда промахиваешься - фон перетаскивается
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск