23/08/2010, 12:14
| |||
| |||
| Div por encima de todo usando position:relative Hola, Quiero hacer aparecer debajo de un elemento un div flotante con un menu, el problema es que para posicionarlo respecto a el debo dejarle position:auto o relative porque no se exactamente las "coordenadas" de donde debe estar y en ese caso, el div hace que el resto de la página baje, no se posiciona por encima de ello. Como puedo conseguir que se posicione por encima del resto del contenido, sin desplazarlo pero a la vez utilizando position:auto. Gracias. |
|
23/08/2010, 12:43
| ||||
| ||||
| Respuesta: Div por encima de todo usando position:relative No entiendo muy bien tu consulta pero me parece que utilizando la propiedad z-index puedes lograr lo que buscas puedes ver su documentacion en: http://www.w3schools.com/css/pr_pos_z-index.asp
__________________ http://www.maxmendez.net/ |
|
23/08/2010, 12:49
| |||
| |||
| Respuesta: Div por encima de todo usando position:relative Cita: No podrá, nunca y bajo ningún concepto cumplir ambas condiciones.
Iniciado por Welling  Como puedo conseguir que se posicione por encima del resto del contenido, sin desplazarlo pero a la vez utilizando position:auto. El valor /auto/ para la propiedad /position/ no es válido. Atentamente |
|
23/08/2010, 13:08
| |||
| |||
| Respuesta: Div por encima de todo usando position:relative No, no es con z-index... Es algo como el div de iniciar sesion en forosdelweb, debajo del enlace sale el div, lo que no se como calculan la posicion, supongo que js? ¿No hay alternativas en css? |
|
23/08/2010, 14:43
| ||||
| ||||
| Respuesta: Div por encima de todo usando position:relative ummm en mi opinion si necesitas de z-index para no correr el contenido de abajo, y me aprece que si hubicas el div como display:none dentro de la etiqueta que contiene el acceso que al darle click desplega el formulario, solamente jugando con los margenes puedes posicionarlo abajo. Puedes buscar algun script de menu desplegable como http://lwis.net/free-css-drop-down-menu/
__________________ http://www.maxmendez.net/ |
|
23/08/2010, 16:25
| |||
| |||
| Respuesta: Div por encima de todo usando position:relative Cita: z-index sirve para definir la "capa" en la que se mostrara el div, es decir cuando se sobreponen escoger qué elemento va por encima. Pero no sirve para decir que el div debe ir por encima.
Iniciado por Akiracr ummm en mi opinion si necesitas de z-index para no correr el contenido de abajo, y me aprece que si hubicas el div como display:none dentro de la etiqueta que contiene el acceso que al darle click desplega el formulario, solamente jugando con los margenes puedes posicionarlo abajo. Puedes buscar algun script de menu desplegable como http://lwis.net/free-css-drop-down-menu/ El div esta colocado de esa manera, pero echa hacia abajo el contenido si no esta con position:absolute y en ese caso los margenes son respecto a toda la pagina... he pensado en obtener con javascript la posicion del enlace que hace desplegar el menu |
|
23/08/2010, 16:38
| |||
| |||
| Respuesta: Div por encima de todo usando position:relative la propiedad 'position' A partir de ese enlace, creo recordar, podrá averiguar cual es el origen (punto 0 0) que se toma para la colocación en X Y tanto del elemento mismo como de su contenido. Atentamente P.D.: y sí, seguramente también necesitará utilizar la propiedad /z-index/ |
|
23/08/2010, 17:54
| |||
| |||
| Respuesta: Div por encima de todo usando position:relative La cosa es que si le pongo position:relative no se pone por encima del resto de contenido. Ya habia buscado info y aqui pone: http://www.sidar.org/recur/desdi/mcs...s/pos_abs.html Se debe tener en cuenta que el valor absolute (como así también fixed) provocan que el elemento no tenga ninguna influencia sobre los elementos siguientes. Por lo tanto con mi relative, si tiene influencia y mueve todo hacia abajo. |
|
24/08/2010, 07:08
| ||||
| ||||
| Respuesta: Div por encima de todo usando position:relative hola welling, supongo que desconoceras que la posición de un elemento (coordenadas que pasamos con las propiedades top, left, right y/o bottom) posicionado en absoluto depende del eje de coordenadas 0,0 (esquina superior izquierda) de su ancestro inmediato relativo o bien de <body>. Por lo tanto dar position:relative; es bueno para crear un contenedor y trabajar con position:absolute; dentro de el ( una mejor explicación encontrarás en el link proporcionado por kseso?). Sobre el efecto que quieres lograr seria bueno que utilizes javascript, talvez algun efecto de alguna libreria javascript como pueden ser mootools o jquery, entre otros. Para que una cosa este por encima de la otra (eje de z) en css se ocupa la propiedad ya nombrada, la cual requiere que las cajas a apilarse sean hermanas y dispongan de posicion relativa, absoluta o fija. Saludos. Última edición por cristian_cena; 24/08/2010 a las 07:23 |
|
25/08/2010, 19:19
| |||
| |||
| Respuesta: Div por encima de todo usando position:relative He conseguido solucionarlo, poniendo position:relative al contenedor y position:absolute al menu, asi se pueden asignar valores a top, right... en funcion del contenedor, yo creia que con absolute siempre se definian respecto a toda la pagina |
| Etiquetas: |
