Try this:
Code:
document.getElementById("divName").style.height = windowHeight - 100+"px";
This is an example:
Code:
<html><body>
<style type="text/css">
#divName {
border:solid 1px #000;
text-align:center;
}
</style>
<script type="text/javascript">
var windowWidth=screen.availWidth/2+"px";
var windowHeight=screen.availHeight/4*3+"px"
function sniffer() {
var el=document.getElementById("divName");
if(screen.width==1280) {
el.style.width=windowWidth;
el.style.height= windowHeight;
el.style.margin="auto";
}
else {
if(screen.width==1024) {
el.style.width=windowWidth;
el.style.height= windowHeight;
el.style.margin="auto";
}
else {
if(screen.width==800) {
el.style.width=windowWidth;
el.style.height= windowHeight;
el.style.margin="auto";
}
}
}
}
onload=sniffer;
//]]>
</script>
</head>
<body>
<div id="divName"></div>
</body></html>
Bookmarks