Topic: Maintaining Images at 100% (Page 1 of 1)

Goal is to have the image fit the full browser window. (i know that the proportionality can get screwed up but ...)Right now we do this at http://bushmeat.net/ in an experiment that does have some bugs. I use a DIV as:

<div id="gorilla" style="position:absolute; top:0; left:0; width:103%; height:100%; z-index:2;">
<a href="about.html"><img src="images/headshot-800.jpg" width="100%" border=1 height="100%"></a>
</div>

the 103% for width seems to be needed cause with 100% it doesn't fill the browser window ... anyone know why?
but i'd rather do this using a background image so on other pages i can keep the position fixed ... suggestions on using background images to create a background that fills the browser window 100%?

another problem with using a background image is not being able to make it link like i do here ... i figure i can put an invisible image over it as a link but, again, anyone have a better idea?

thanks

harold goldstein, internet trainer
http://goldray.com

I don't think you can change the size of a background image...

The reason that you need the set the width to 103% might be that there are some paddings around the body. Try setting the body padding to 0 and see if that helps.

Kind of off-topic, but I think the page would look better if you just had a big picture of the gorilla and then centered it in the browser. The picture doesn't look all that good when scaled. By keeping it one size you could also add it using the background property without problems

_________________________
"There are 10 kinds of people; those who know binary, those who don't and those who start counting at zero"

How about using the image as a trace image rather than a background image?!?