anuncio flotante en un lateral y que en todas las resoluciones se vea bien

lobogris dijo:

Hazlo con mediaqueries, haz que si se va a montar encima del contenido o no se muestre o se muestre en otro sitio

Click para expandir ...

alejandrocacheiro dijo:

Hola perdona mi ignorancia, puedes explicar mejor como hacerlo?

Click para expandir ...

@media screen and (max-width: 800px){
  .divDelAnuncio {
   display: none;
  }
}

lobogris dijo:

Si, mediaqueries es lo que utiliza Bootstrap por ejemplo, para que lo entiendas mira el grid system: CSS · Bootstrap

Ajusta la anchura del navegador viendo los ejemplos y verás como se ajustan o se cambian de sitio.

Entonces lo que tienes que hacer es, primero si quieres que las mediaqueries funcionen en IE6, 7 y 8 debes cargar en tu documento redspond.js https://github.com/scottjehl/Respond.

Después ve a tu CSS y añade las reglas, por ejemplo si en una pantalla de 800 se monta encima del contenido lo escondemos:

HTML:

@media screen and (max-width: 800px){
  .divDelAnuncio {
   display: none;
  }
}

Click para expandir ...

alejandrocacheiro dijo:

Muchas gracias por la explicación :mola:

Click para expandir ...

<!--[if lt IE 9]>
<script src="tu_ruta/respond.js"></script>
<![endif]-->

lobogris dijo:

Nada

Por cierto para cargar el respond asegúrate de hacerlo así:

HTML:

<!--[if lt IE 9]>
<script src="tu_ruta/respond.js"></script>
<![endif]-->

Para que sólo se cargue si es menor de IE9

Click para expandir ...