Question

I have seen a lot of websites which “wrapper” width is 960px. As a background image they have an image which is clickable (some kind of advertise) and the whole webpage is over that image, like on this site.
Can you give me tutorial or something on that ?

Answer 1

Tom’s code was a huge help, but I needed pointer cursor for this type of ad, but not for all the site, so I came up with this solution:

$('body').bind('click', function(e) {
    if ($(e.target).closest('#container').size() == 0) {
        alert('click');
    }
}).bind('mouseover', function(e) {
    if ($(e.target).closest('#container').size() == 0) {
        $(this).css('cursor','pointer');
    } else {
        $(this).css('cursor','default');
    }
});