Caja flotante con contenido html

david3716 · #1 (**permalink**) 21/08/2012, 12:36

Hola amigos, llevo rato investigando como hacer un cuadro que se carge cuando se abre la pagina y que flote por la pagina al hacer scroll pero quiero que el contenido de la caja sea una pagina html que la llame como si fuera un iframe me hago entender? gracias por su ayuda.

jamie_88 · #2 (**permalink**) 21/08/2012, 16:34

si he entendido lo que quieres puedes hacer algo asi:

Código PHP:

 
<body> 
    <div id="main"> 
        contenido 
    </div> 
    <div id="sidebar> 
        contenido flotante 
         
        si lo que quieres es tener en un archivo .html aparte el contenido puedes llamar el contenido usando php: 
        <?php include('contenido-flotante.html'); ?> 
    </div> 
</body>

Código CSS:

Ver original#sidebar{
    float: rigth; /* flota a la derecha, puede flotar donde quieras */
    position: absolute; /* con posicion absoluta deberia quedar siempre en el mismo punto de la pagina */
    top: 400px;  /* deja 400px contando desde arriba */
}

Karmac · #3 (**permalink**) 21/08/2012, 17:53

Cita:

Iniciado por jamie_88

si he entendido lo que quieres puedes hacer algo asi:

Código PHP:

 
<body> 
    <div id="main"> 
        contenido 
    </div> 
    <div id="sidebar> 
        contenido flotante 
         
        si lo que quieres es tener en un archivo .html aparte el contenido puedes llamar el contenido usando php: 
        <?php include('contenido-flotante.html'); ?> 
    </div> 
</body>

Código CSS:

Ver original#sidebar{
    float: rigth; /* flota a la derecha, puede flotar donde quieras */
    position: absolute; /* con posicion absoluta deberia quedar siempre en el mismo punto de la pagina */
    top: 400px;  /* deja 400px contando desde arriba */
}

Creo que más bien se refiere al efecto de lightbox. Dale a tu div algo como lo siguiente:

Código CSS:

Ver originalposition: fixed;
top: 400px;

Saludos.