Hola amigos, he seguido paso a paso los Ejemplos con Divs, pero solo una cosa no ogro terminar: hacer que la caja flotante se mantenga a la izq en IExplorer. En Firefox no hay problema, pero en IE se va abajo del pie, y no le encuentro solución ¿que será? Mil gracias anticipadas por su valiosa orientacion.
En HTML Plantilla, antes de </body> poner esto:
<!-- INICIO CODIGO CAJA FLOTANTE - NO TOCAR -->
<div id="caja_flotante">
<div id="cont_caja_flotante">
AQUI VAN LAS URL DE TWITTER/FACE/YOU TUBE <a href="url de c/u"><img src... etc)
</div>
</div>
<!-- FIN CODIGO CAJA FLOTANTE -->
En HTML Plantilla, antes del </head> poner el script:
<!-- INICIO CAJA FLOTANTE -->
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
var posicion = $("#caja_flotante").offset();
var margenSuperior = 15;
$(window).scroll(function() {
if ($(window).scrollTop() > posicion.top) {
$("#caja_flotante").stop().animate({
marginTop: $(window).scrollTop() - posicion.top + margenSuperior
});
} else {
$("#caja_flotante").stop().animate({
marginTop: 0
});
};
});
});
//]]>
</script>
<!-- FIN CAJA FLOTANTE -->
...y finalmente en el CSS poner:
#caja_flotante{
position: fixed;
top:80px;
left: auto;
margin: 80px 0 0 -100px;
border: 0px solid #CCC;
width:100px;
}
Citar
