Announcement

**Bomu** · Jul 2, 2002, 09:14 AM

That's 'cos you have to take into account that browser windows have tool bars, address bars etc along the tops and bottoms, which means a window will never be at full size (even with F11).

I suggest you click Print Screen, paste onto a new Photoshop layer, crop out the tool bars and then look at the image size - then you'll find out the window size!
Sorry I don't know a quicker way to do this, but everyone's browser windows will vary.

**whackaxe** · Jul 2, 2002, 09:39 AM

you should make the image huge (like 1600*1200) and then have this at the top of you page

<script>

function changepicsize()
{
backg.width = screen.availWidth;
backg.height = screen.availheight;
}
</script>

<body onload="changepicsize()">
<img name="backg" src="back.gif" style="position: absolute; top:0px; left: 0px;z-index:2;">
<div style="z-index:1;">
the rest of the page
</div>

this isnt very good if your page is a dhtml intensive page

**murphyz** · Jul 2, 2002, 09:55 AM

and if you want the image hit the edge of the screen without the little white border put these in the <body>tag

topmargin="0"
bottommargin="0"
rightmargin="0"
leftmargin="0"

or you can use just one or two of them, i.e.

<body bgcolor="#000000" topmargin="0" bottom margin="0">

blah blah blah

</body>

Mxx

**Quiet Storm** · Jul 2, 2002, 12:27 PM

For all your background sizing problems...

Use this code:

<HEAD>

<SCRIPT>
NS4 = (document.layers);
IE4 = (document.all);
scaleWidth = true;
scaleHeight = true;
imSRC = "your-image.jpg";
if (NS4) window.onload = setResize;
function setResize(){
setTimeout("window.onresize=reDo;",500);
}
function reDo(){
window.location.reload()
}
if (IE4) window.onresize = reDoIE;
function reDoIE(){
imBG.width = document.body.clientWidth;
imBG.height = document.body.clientHeight;
}
function makeIm() {
winWid = (NS4) ? innerWidth : document.body.clientWidth;
winHgt = (NS4) ? innerHeight : document.body.clientHeight;
imStr = "<DIV ID=elBGim"
+ " STYLE='position:absolute;left:0;top:0;z-index:-1'>"
+ "<IMG NAME='imBG' BORDER=0 SRC=" + imSRC;
if (scaleWidth) imStr += " WIDTH=" + winWid;
if (scaleHeight) imStr += " HEIGHT=" + winHgt;
imStr += "></DIV>";
document.write(imStr);
}
</SCRIPT>

</HEAD>
<BODY>

<SCRIPT LANGUAGE="JavaScript1.2">
makeIm();
</SCRIPT>

... the rest of your content...

</BODY>

Announcement

Backround image

Backround image

Comment

Comment

Comment

Comment