I am developing a website that uses DoubleClick banners. My website is responsive and it has, for example, a right column that is more than 300px wide in some resolutions and less than 300px wide in others.
I've added the DoubleClick code for a 300x250 banner into this space. DoubleClick displays an iframe containing a div with a fixed width of 300px.
I can adapt most of the website to not have any areas that are less than 300px width in any resolutions, but I have one area that needs to be less than 300px in width in one resolution range and also contains a 300px width banner.
I could swap the banner out for a smaller one, but I think this will confuse a lot of advertisers (although we are doing this with a leaderboard elsewhere on the site).
However, I was wondering if anyone has any experience with this and what solutions you might have come up with. Ideally I'd like to reduce the size of the 300px x 250px banner to 100% width, but that is not possible as far as I know.
The only thing I can think of is to swap the banner out for a smaller one in the smaller resolutions, or do something weird like stick the banner to the edge of the screen and hide it with a click (I've seen one website using this method).
Anyone else had to deal with this?