Question

I am trying to build a full page ad like those from Adbrite with jQuery.

It’s simply an iframe with 100% width and height but my main problem is that the full page ad is shown in a website that has a vertical scrollbar, so if the iframe ad also has a scrollbar then two scrollbars are visible and it looks bad.

How could I solve that? or is there some already made code to do it?

Answer 1

Try adding this at the top of the parent page or the equivalent in your css file if you’re using one.

<STYLE TYPE="text/css"> 
<!-- 
* {
  margin: 0;
  padding: 0;
}
body {overflow: hidden};
--> 
</STYLE> 

The overflow:hidden should remove any scrollbars.

The other part should allow the iframe to use the full width/height of the browser.