Div con z-index
4 seguidores
Buenas tardes, stoy realizando una web en la que tengo que poner un detalle (estrella verde) encima del content y del menú. He mirado como hacer en tutoriales y la única que he encontrado a sido aplicando z-index 1 para que quedara como una capa encima. Ahí viene el problema, al hacerlo de esta manera, el div del objeto se queda fijo en pantalla sin adaptarse como el resto de la web. No se si me explico, dejo la web para que veais:
saludillos y gracias ^__^
webfordesigners
Hola!
Lo que buscas no es con position:relative en lugar de position:absolute?
Santi
andrewman
El problema no es con el z-index, tiene que ver con que el div #origami tiene position:absolute.
Revisa esto, y sabrás cual es el problema.
Alfonso Morcuende
Hola,
El problema, como dicen los otros comentarios, no es el z-index, es el posicionamiento de la capa. Cambia el tipo de posicionamiento. Con ese tipo de posicionamiento estás cogiendo como punto (0, 0) la esquina superior izquierda del navegador. Eso para un diseño centrado es muy dificil de controlar.
En vez de cambiar el tipo de posicionamiento, intenta cambiar el punto (0, 0) que tu capa está tomando como referencia. Si algún elemento padre del DIV que quieres posicionar de manera absoluta tiene un posicionamiento relativo (por ejemplo el DIV que tiene el ID "container") ese elemento padre, su esquina superior izquierda será ahora tu referencia (0, 0), desde aquí ya podrás colocar ese elemento con más facilidad.
Otra cosa que te quería comentar es que quieres posicionar un DIV por encima de un SWF eso tiene algunas malas soluciones, mira esta URL por si te ayuda:
-http://www.forosdelweb.com/1293636-post66.html
BeaR
Chicos!! solucionado gracias a vosotros!! pues simplemente le he aplicado a #container posiction:relative; y así el punto 0 0 lo coge desde container!! yeahhhhh, de verdad que mil gracias.
Alfonso, el tema que me comentas de poner un div encima de un flash, por ahora no me ha dado problema, creo que deve ser orque lo he aplicado con swfobject.js que va perlas y deja un código muy limpio!! de todas formas me falta provar la web en un firefox de PC que ahí es donde me dá miedito, que ya una vez me pasó.
Un saludete y mil gracias otra vez