Foros del Web » Creando para Internet » CSS »

Bloque adsense hace desaparecer imagen de fondo 50% de las veces

Estas en el tema de Bloque adsense hace desaparecer imagen de fondo 50% de las veces en el foro de CSS en Foros del Web. Tengo un div que hace de columna lateral izquierda. A su vez contiene, entre otros, un div que alberga un bloque de publicidad de adsense. ...
  #1 (permalink)  
Antiguo 24/03/2009, 10:20
Avatar de Sandunguero  
Fecha de Ingreso: junio-2006
Mensajes: 56
Antigüedad: 11 años, 5 meses
Puntos: 0
Bloque adsense hace desaparecer imagen de fondo 50% de las veces

Tengo un div que hace de columna lateral izquierda. A su vez contiene, entre otros, un div que alberga un bloque de publicidad de adsense.

El html de la columna es:
Código PHP:
<div id='columna'>
        <
div class='caja herramientas'>
          <
h4>Forum Tools</h4>
          <
ul>
            <
li><a href='#'>View All Forums</a></li>
            <
li><a href='#'>View Active Topics</a></li>
            <
li><a href='#'>Archives</a></li>
            <
li><a href='#'>FAQ</a></li>
            <
li><a href='#'>Terms of Use</a></li>
          </
ul>
        </
div>

        <
div class='caja enlaces'>
          <
h4>Enlaces recomendados</h4>

<
div style="position:relative;height:246px; width:126px; margin:2px; left:24px; padding-top: 25px;">
    <
script type="text/javascript"><!--
    
google_ad_client "pub-xxxxxxxxxx";
    
/* 120x240, creado 23/03/09 */
    
google_ad_slot "xxxxxxxxxx";
    
google_ad_width 120;
    
google_ad_height 240;
    
//-->
    
</script>
    <script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script>
</div>

        </div>

      </div> 
Su CSS es:
Código PHP:
div#columna {
  
positionabsolute;
  
top129px;
  
bottom0;
  
left0;
  
width175px;
  
backgroundurl('../imagenes/gradient_left.gif'repeat-y center;
}
div#columna h4 {
  
colorwhite;
  
background-color#000;
  
margin0 4px 0 0;
  
padding5px 0 5px 10px;
  
font-size13px;


Con internet explorer la columna aparace aproximadamente el 50% de las veces bien y el otro 50% de las veces sin la imagen de fondo. De hecho, al cargarse la página primero aparece la imagen de fondo durante unas fracciones de segundo, y cuando se cargan los anuncios de adsense, desaparece el fondo!!

Con los demás navegadores sale siempre bien el fondo de la columna.

Si quito el bloque de adsense siempre sale correctamente la imagen de fondo de la columna. Es sólo al añadir ese div que contiene el javascript de adsense que actúa aleatoriamente.


¿Alguien sabe por qué pasa esto o cómo lo puedo solucionar por favor?
  #2 (permalink)  
Antiguo 24/03/2009, 17:15
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.741
Antigüedad: 9 años, 4 meses
Puntos: 2113
Respuesta: Bloque adsense hace desaparecer imagen de fondo 50% de las veces

La mayoria de las veces pasa cuando hay elementos flotantes y es un bug de IE que trataron de solucionar mediante haslayout, a mi me dio muchos dolores de cabeza, pero, al final pude solucionarlo asignando width, display:block o algun otro atributo para dimensionar los elementos problematicos.

En el enlace que deje hay una explicacion mas amplia.
__________________
- León, Guanajuato
- GV-Foto
  #3 (permalink)  
Antiguo 24/03/2009, 18:24
Avatar de Sandunguero  
Fecha de Ingreso: junio-2006
Mensajes: 56
Antigüedad: 11 años, 5 meses
Puntos: 0
Respuesta: Bloque adsense hace desaparecer imagen de fondo 50% de las veces

Hola Triby! Gracias por contestar!

Si he entendido bien, poniendo propiedades como height, width, etc se activa la propiedad hasLayout que debería solucionar el problema.

El caso es que mi div que presenta el problema ya tiene esas propiedades!... Así que parece que esa solución no es aplicable en este caso :(

¿Alguna otra sugerencia [email protected]?
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:03.