Ventana Flotante

zapt142 · #1 (**permalink**) 26/08/2010, 15:31

Hola
vengo a pedir una gran ayuda de como podría crear una ventana o un cuadro flotante que se mueva en mi web, dicha ventana/cuadro flotante tendría adentro el div donde se encuentra la información de mi carrito de compras

gracias de antemano

lair · #2 (**permalink**) 26/08/2010, 21:34

Hola.

prueba haciendolo con css

el div que mencionas dale estas propiedades:

Código CSS:

Ver original.carrito{
   position:fixed;
   top:0;
   right:0;
}

Suerte

zapt142 · #3 (**permalink**) 27/08/2010, 09:48

muchas gracias por responder entre tu respuesta y un poco de investigacion
termine el siguiente codigo

Código CSS:

Ver original#popup
{ 
    position: fixed;
    top : 40%;
    left: 38%;
    
    margin-left: auto ;
    margin-right: auto;
    
    /*Esto es para darle algo de color al ejemplo...*/
    text-align: center;    
    background: #ffffff;
}

para utilizarlo solo hay que poner

Código HTML:

<div id="popup">lo que sea </div>

y se hara la ventana flotante

Adler · #4 (**permalink**) 27/08/2010, 15:01

Hola

Cuidado que no todos los navegadores interpretan el valor fixed, por ejemplo IE

Suerte

zapt142 · #5 (**permalink**) 27/08/2010, 15:59

gracias por tu respuesta adler, aparte de lo que me comentas lo estoy probando y la ventana flotante se ve diferente según la resolución de la pantalla

me podrías indicar alguna solucíon para lo de las resoluciones

gracias.

tredio · #6 (**permalink**) 27/08/2010, 16:19

ponerle un width y un height te serviria para hacer eso.

Adler · #7 (**permalink**) 27/08/2010, 16:27

Hola

Tendrás que usar hack css

Suerte

Zendar · #8 (**permalink**) 31/08/2010, 06:26

Hola! en firefox me funciono bien pero en explorer sigue sin funcionar aun cuando uso hack css... alguien sabe alguna otra solucion??

Adler · #9 (**permalink**) 31/08/2010, 07:01

Hola

Cita:

Iniciado por Zendar

Hola! en firefox me funciono bien pero en explorer sigue sin funcionar aun cuando uso hack css... alguien sabe alguna otra solucion??

Algo has de estar haciendo mal. Usa el hack *

Suerte

Zendar · #10 (**permalink**) 31/08/2010, 07:13

Si es el que use...

Mira me quedo asi:

Código CSS:

Ver original.popup{     
*position: fixed;
*top : 27&#37;;   
*left: 80%; 
*margin-left:0 0 10px 0; 
*margin-right:0 0 20px 0;}

En firefox si funciona... `pero en explorer no

Adler · #11 (**permalink**) 31/08/2010, 07:45

Hola

Creo que no lo has entendido.
Prueba y estudia esto

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
/*Cualquie navegador */
div#fixme {
position: fixed; 
top: 10px; 
left: 73%;
z-index: 2;
}
 
/* IE */
@media screen {
 
* html, 
* html body { 
overflow-y: hidden!important; 
height: 100%;
margin: 0;
padding: 0; 
}
* html #iefix { 
height: 100%;
overflow-y: scroll;
position: relative;
}
 
*html div#fixme{position: absolute;}
}
</style>
</head>
<body>
<table border="1" height="800px" width="1000px">
<tr>
<td>Crear scroll</td>
</tr>
</table>
 
 
<div id="fixme">
Está fijado
</div>
 
 
<div id="contenedor">
No está fijado
</div>
</body>
</html>

Suerte