Estoy intentando cambiar el ancho de la imagen de mi anuncio de píxeles a porcentajes. Estoy usando Google DoubleClick o "DFP". Coloca automáticamente la imagen de su anuncio dentro de un iframe, lo que hace que sea muy difícil cambiar las dimensiones reales de la imagen.

Por lo tanto, la forma en que he cambiado el ancho de las imágenes de píxeles a porcentaje es que hice un div (que es el 90% de la página web) enrollado alrededor del anuncio de la imagen y luego configuré el ancho de la imagen al 100% para que cuando las envolturas los cambios de ancho en el ancho de tamaño del navegador, la imagen dentro de él siempre llenará la envoltura. Pero no sé cómo hacer que todo esto funcione, ya que la imagen está dentro de un iframe (¡¡¡DFP estúpido !!!)

Aquí están los códigos CSS para ... la envoltura:

#div-gpt-ad-1362958263281-0 {width:90%; border:1px solid black;}

entonces el iframe que está en la envoltura:

iframe {width:100%;}

luego, finalmente, la imagen real en la que probé algunos selectores de CSS y diferentes clases div:

.img_ad, a#aw0, iframe>.img_ad, iframe>#google_image_div>.img_ad {width:100%; display:block; border:1px solid red !important;}

Si inspecciona el elemento en Google Chrome en la imagen del anuncio, verá que el CSS no se está aplicando a la imagen. Todo lo que me gustaría hacer es cambiar el ancho de las imágenes en un porcentaje ... y también la altura paraauto. ¿Realmente debería ser tan difícil? ¿Es esto posible ya que la imagen está en un iframe? ¿DFP me está preparando para el fracaso? Simplemente no lo sé ... Pero, ¿cómo alteraría el código del anuncio gráfico? ¡Cualquier ayuda verdaderamente será verdaderamente apreciada, chicos! :)

Aquí está el jsFiddle:http://jsfiddle.net/EptwH/3/