I am in the middle of finished up a website and I am adding some features to it right now. One of the features I wanted to add was the ability to have a click-able background to display full page ads and promotions. This is what I have set up so far:
#siteWrapper{
width:954px;
margin:0 auto;
top:0px;
}
This siteWrapper obviously wraps the entire site and allows me to change the background frequently which makes like simple. To make this background click-able I used
<div id="siteWrapper" onclick="window.open('http://www.someothersite.com')" style="cursor:pointer;">
Sites Content
</div>
I really thought that this would do the trick and while it did shortly after I found that it has on major fatal flaw. Since the the tag wraps the entire site it makes the entire site it ends up making the site into one click-able objects and basically overrides and of the other links I have on the site which are a good amount. A site that executes this perfectly is www.collegehumor.com which is where I got the idea. I want know if anyone knows how to just make the background click-able while maintaining the integrity of the rest of the site in-tacked to it will function as normal. Please help me out guys and gals.