Regresar a la página ComoCrearTuWeb.com
Resultados 1 al 3 de 3

Tema: Caja Flotante (redes sociales) desubicada en Explorer solamente

  1. #1
    Recien Llegado! Habitual
    Fecha de Ingreso
    05 dic, 12
    Mensajes
    11
    Poder de Reputación
    15

    Caja Flotante (redes sociales) desubicada en Explorer solamente

    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;
    }

  2. #2
    Banned Habitante Avatar de spitfire2
    Fecha de Ingreso
    04 sep, 10
    Ubicación
    ARGENTINA...!!!
    Mensajes
    711
    Poder de Reputación
    0
    agregale: float:left;

  3. #3
    Recien Llegado! Habitual
    Fecha de Ingreso
    05 dic, 12
    Mensajes
    11
    Poder de Reputación
    15
    Gracias spitfire2, ya lo hice, pero los íconos se vuelven invisibles, sin cambiar de ubicacion en Exlorer.

Temas Similares

  1. Redes sociales
    Por MARIOLOPEZ1 en el foro Redes Sociales
    Respuestas: 1
    Último Mensaje: 02/04/2019, 13:50
  2. Redes Sociales en Dreamweaver
    Por hernan.k en el foro Dreamweaver
    Respuestas: 0
    Último Mensaje: 01/07/2015, 03:05
  3. Importancia de las Redes Sociales
    Por Jorgens_CCTW en el foro Redes Sociales
    Respuestas: 0
    Último Mensaje: 05/03/2011, 22:40

Etiquetas para este Tema

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •