Your current page:
[code:1:995066ce74]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Untitled Document</TITLE>
<script language="JavaScript1.2">
function resize()
{
window.resizeTo((screen.availWidth),(screen.availH eight));
window.moveTo(0,0);
}
function fillScreen() {
if (window.outerWidth) {
windowWidth = screen.width;
windowHeight = screen.height;
moveTo(0,0);
resizeTo(windowWidth,windowHeight);
}
}
</script>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</HEAD>
<BODY bgcolor="#000000" onLoad="java script:resize();">
<IMG src="../images/cutthroat_trout.jpg">
</BODY>
</HTML>[/code:1:995066ce74]
Your mistakes:
[code:1:995066ce74]<BODY bgcolor="#000000" onLoad="java script:resize();">[/code:1:995066ce74]
The event properties of HTML elements are special attributes, the string inside them should be valid JavaScript statements.
"java" would cause an error.
"script" would cause an error.
":" wuold cause an error.
take those out and "resize()" will work assuming the resize() function has been defined (without errors).
So your script never actually runs, for starters.
If it did, the browser window would be resized to fill the screen nicely.
Obviously the image won't.
add style="width: 100%" into the image and that might do the trick.