Та же фигня, даже если я добавляю "px"
<!DOCTYPE html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="Valval" />
<title>IRock - виртуальный любимец Rock</title>
<script type="text/javascript" src="cookie.js"></script>
<script type="text/javascript">
var userName;
function resizeRock() {
document.getElementById("rockImg").style.height = (document.body.clientHeight - 100) * 0.9 + "px";
}
function greetUser() {
if(navigator.cookieEnabled)
userName = readCookie("irock_username");
if (userName) alert("Hello, " + userName + "I meesed you.");
else alert('Hello, I am your pet rock.');
}
function touchRock () {
if(userName){
alert ("Спасибо за внимание, " + userName + ".");
}
else {
userName = prompt("Как вас зовут?", "Введите ваше имя.");
if (userName) {
alert ("Рад Вас видеть, " + userName + ".");
if(navigator.cookieEnabled)
writeCookie("irock_username", userName, 5*365);
else alert("Сорри, но ваш браузер не поддерживает куки.(((")
}
}
document.getElementById("rockImg").src = "rock_happy.png";
setTimeout("document.getElementById('rockImg').src = 'rock.png';", 5 * 60 * 1000);
}
</script>
</head>
<body onload="resizeRock(); greetUser();" onresize="resizeRock();">
<div style="margin-top: 100px; text-align: center;">
<img id="rockImg" src="rock.png" alt="IRock" style="cursor: pointer;" onclick="touchRock();" />
</div>
</body>
</html>