Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Using DoubleClick banners in a responsive design

6:28 pm on Dec 19, 2012 (gmt 0)

Junior Member

10+ Year Member

joined:June 13, 2005
posts: 132
votes: 0

Hi everyone,

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?