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

HTML+CSS+JavaScript

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

 

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

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

тема: JavaScript программеры! F1!
 
 автор: valens   (01.07.2007 в 09:59)   письмо автору
 
 

Почему данный код не работает у меня на FireFox-е? На IE работает, но этого не достаточно.
Смысл кода в том, чтобы размеры слоёв зависели от размеров окна браузера.

<SCRIPT LANGUAGE="JavaScript" type="text/javascript" >
function res() {
var shir = document.body.clientWidth ;
if(shir>800){
var lev = document.getElementById('inform').offsetLeft;
document.getElementById('inform').style.pixelWidth = shir - lev - 10;
var lev = document.getElementById('informmenu').offsetLeft;
document.getElementById('informmenu').style.pixelWidth = shir - lev - 10;
document.getElementById('informurt').style.pixelLeft = shir - 112;
var lev = document.getElementById('informtop').offsetLeft;
document.getElementById('informtop').style.pixelWidth = shir - lev - 112;} }
</SCRIPT>
Помогите найти ошибку. Что тут не так?

   
 
 автор: bronenos   (01.07.2007 в 10:12)   письмо автору
 
   для: valens   (01.07.2007 в 09:59)
 

там в лисе кажется названия свойств иные...

   
 
 автор: ilyaILF   (02.07.2007 в 22:47)   письмо автору
 
   для: bronenos   (01.07.2007 в 10:12)
 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Пример</title>
<style type="text/css">
html, body {height: 100%; margin: 0; padding: 0;}
</style>
</head>
<body>
<div id="mydiv">
dddddddddddddd ddddddddddddddd dddddddddddd  ddddddddddddddddddddd ddddddddddddd  ddddddddddddddddddddddddd ddddddddddddddd ddddddddddddd
dddddddddddddd ddddddddddddddd dddddddddddd  ddddddddddddddddddddd ddddddddddddd  ddddddddddddddddddddddddd ddddddddddddddd ddddddddddddd
dddddddddddddd ddddddddddddddd dddddddddddd  ddddddddddddddddddddd ddddddddddddd  ddddddddddddddddddddddddd ddddddddddddddd ddddddddddddd
dddddddddddddd ddddddddddddddd dddddddddddd  ddddddddddddddddddddd ddddddddddddd  ddddddddddddddddddddddddd ddddddddddddddd ddddddddddddd
dddddddddddddd ddddddddddddddd dddddddddddd  ddddddddddddddddddddd ddddddddddddd  ddddddddddddddddddddddddd ddddddddddddddd ddddddddddddd
dddddddddddddd ddddddddddddddd dddddddddddd  ddddddddddddddddddddd ddddddddddddd  ddddddddddddddddddddddddd ddddddddddddddd ddddddddddddd
dddddddddddddd ddddddddddddddd dddddddddddd  ddddddddddddddddddddd ddddddddddddd  ddddddddddddddddddddddddd ddddddddddddddd ddddddddddddd
</div>
<script type="text/javascript">
alert('ширина окна:'+document.body.clientWidth+'; высота окна: '+document.body.clientHeight);
alert('ширина слоя:'+document.getElementById('mydiv').scrollWidth+'; высота слоя: '+document.getElementById('mydiv').scrollHeight);
</script>
</body>
</html>
это будет работать во всех броузерах. А ширину слоев меняйте свойствами стилей: width и height.

   
Rambler's Top100
вверх

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