How do I get an image to show over the entire page?

[John Lester]

Originally Posted by pityocamptes

Thanks. At what point or size do you feel it does become an issue? Thinking of a few other images, but they are larger... as in around 10 megs...

Hmmm good question, none of my images are larger than 1.5M and that's the size I aim for when I have to resize a large image. 2M might be alright for the majority of users, but there are still lots of people using dial up and IE 6-8

Have no answer for your latest question as I pretty much ignore issues that IE 6-8 has with my site

[pityocamptes]

Well I have come to the conclusion to F@ck IE 7 and IE 8!!!!! ...and trying to wrap my forum around these users... What a waste of my time...

Should have listened to the advice given here...

[CAG CheechDogg]

Ok, so what exactly is the problem ... I might be able to help

[pityocamptes]

Originally Posted by CAG CheechDogg

Ok, so what exactly is the problem ... I might be able to help

Ok, will give it a shot. I got a custom template, but would like to add an additional image to the background. Works perfect in all other browsers, and IE9 and greater. I was trying to configure it to work with IE7 and IE8 but it seems multiple background images are not supported, and to get anything to work requires hacking the hell out of it.

[CAG CheechDogg]

Ok My Man, I think I have the perfect solution for you to add the 2nd background to your site using a png image.

This script here I use it for a vote pop up on my site, but I just changed it a bit and it actually adds a background to the whole page using a 1x1 png image but you can use a full size image as well if its a png one.

You are going to want to add this to your "header" template at the very top before anything else.

Replace the transa.png file with what ever your image's file name is. Remember, this image has to be a png file which is what you want, so you should have no problems here.

Replace the url of the trans.png's with where your file is located at and you should be good to go My Man !

Remember, this is a pop up I use for a vote feature on mysite, so you might have to play with it a little but it should work just like I posted it for you.

GOOD LUCK !

<!-- Vote Popup -->
<div id="bgbtm">
<script type="text/javascript">// <![CDATA[
function getInternetExplorerVersion()
// Returns the version of Internet Explorer or a -1
// (indicating te use of another browser).
{
  var rv = -1; // Return value assumes failure.
  if (navigator.appName == 'Microsoft Internet Explorer')
  {
    var ua = navigator.userAgent;
    var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
    if (re.exec(ua) != null)
      rv = parseFloat( RegExp.$1 );
  }
  return rv;
}

function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}

function createCookie(name,value,min) {
    if (min) {
        var date = new Date();
        date.setTime(date.getTime()+(min*60*1000));
        var expires = "; expires="+date.toGMTString();
    }
    else var expires = "";
    document.cookie = name+"="+value+expires+"; path=/";
}


window.onload = function vote_popup() {

    var ver = getInternetExplorerVersion();
    if(navigator.appName == 'Microsoft Internet Explorer' && ver < 7.0)
    {
    return;
    }

    sgvote6 = readCookie('sgvote6');

    if (sgvote6 == null) {
        document.getElementById('vote_popup').style.display = "block";
    }

}

function hide_vote_popup() {
    createCookie('sgvote6','yes','1440');
    document.getElementById('vote_popup').style.display = "none";
    document.getElementById('vote_popup').innerHTML = "";
        alert("NO NEED FOR THIS LINE");
};
function hide_voted_popup() {
    createCookie('sgvote6','yes','1440');
    document.getElementById('vote_popup').style.display = "none";
    document.getElementById('vote_popup').innerHTML = "";
        alert("NO NEED FOR THIS LINE");
};
// ]]></script>
<div id="vote_popup" style="background: transparent url(http://www.YOURDOMAIN.com/transa.png) repeat scroll 0% 0%; width: 100%; height: 100%; position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; color: #f0f0f0; font-size: 9px; text-align: center; z-index: -1; display: none;">
<div style="margin-top: 300px; width: 798px; margin-left: auto; margin-right: auto; display: block;"><span style="color: white; font-size: medium;"> </span> <span style="color: white; font-size: large;"><strong>NO NEED FOR THIS LINE</strong> </span> <br /> <br />
<p><a href="http://www.ADD-A-DOMAIN-TO-MAKE-THIS-CLICKABLE.com/PAT/TO/LINK" target="_new" onclick="hide_voted_popup();"> <img src="http://www.DOMAIN-OF-CLICKABLE-IMAGE-IF-YOU-WANT=INE.com/PATH/TO-IMAGE/IMAGE-FILE-NAME.PNG-OR-JPG" border="0" title="TITLE IF YOU WANT ONE" width="728" height="90" style="border-color:" /> </a><br /> <br /><span onclick="hide_vote_popup();"> <span style="cursor: pointer; font-family: Tahoma; font-size: medium;"> <span style="font-size: medium;">IF YOU USE THIS TO SEND YOUR GUEST TO A ANOTHER PAGE YOU CAN GIVE THEM A SMALL THANK YOU OR FURTHER INSTRUCTIONS HERE</span> </span> </span></p>
</div>
</div>
</div>

[pityocamptes]

Hey, thanks! Will give it a try!

[CAG CheechDogg]

No problem, hope it works out for you buddy...let me know if it works and if it doesn't let me know anyways and I will help you out with making it work....