Foros del Web » Creando para Internet » CSS »

posicionar capas una encima de otra

Estas en el tema de posicionar capas una encima de otra en el foro de CSS en Foros del Web. Buenas, tengo el típico problema con z-index, la verdad que no se si mi problema es de css, igual es más de html y de ...
  #1 (permalink)  
Antiguo 30/11/2011, 05:42
 
Fecha de Ingreso: marzo-2010
Mensajes: 90
Antigüedad: 14 años, 7 meses
Puntos: 2
posicionar capas una encima de otra

Buenas, tengo el típico problema con z-index, la verdad que no se si mi problema es de css, igual es más de html y de como está maquetada la web.
Tengo un fondo en el body que quiero que se vea por encima de cualquier otro elemento de la web.(típico banner en los laterales del contenido de la web)

El fondo lo saco alrededor del contenedor principal, por lo que no tenia ese problema en un principio.
Pero se cambió el diseño de la web y un elemento de esta sale del contenedor principal así que se coloca sobre la imagen de fondo del body.

resumiendo , la parte que nos afecta sería así.

Código HTML:
<body>
<div class="menu">
</div>
</body> 
Código HTML:
body {
	background: url("../images/fondo-imagen.jpg") no-repeat fixed center center transparent;
	margin: 0px;
	padding: 0px;
	color: #454545;
	position:relative;
	z-index:900;
}
.menu{
   width:100%;
   height:130px; 
   padding:0 auto;
   margin: 0 auto;
   z-index:-10; 
   background-color:#E0E0E0; 
   float:left; 
   text-align:center;
}
El mayor problema es q posicionar menú significaria rehacer casi todo el DOOM, de todas formas he provado:
position:absolute; en menu, no funciona.
position:relative; en menu, tpc funciona.
position:absolute; en body

y he convinado las 4 opciones.

Alguna idea?
  #2 (permalink)  
Antiguo 30/11/2011, 08:50
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 4 meses
Puntos: 1567
Respuesta: posicionar capas una encima de otra

@molinillo
¿un fondo del body que se vea por sobre "todos los elementos restantes de la página" ?
El concepto no me cierra.

¿el típico problema de z-index?
¿Cual es el típico problema de z-indez?

por que no hacés una captura de como debería verse.

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 30/11/2011, 09:19
 
Fecha de Ingreso: junio-2009
Mensajes: 101
Antigüedad: 15 años, 4 meses
Puntos: 13
Respuesta: posicionar capas una encima de otra

Cita:
Tengo un fondo en el body que quiero que se vea por encima de cualquier otro elemento de la web.
Cita:
<div id="fondo"></div>
Cita:
div#fondo{
position:fixed; /*En caso de que lo quieras fijo*/
background-image:url('images/bg.jpg') no-repeat transparent;
width:100%;
height:100%;
z-index:100; /*Evitar tener algun elemento con z-index superior*/
}
No sé que necesidad hay con ponerlo en el body.

El resto no te entiendo:
el típico problema de z-index
  #4 (permalink)  
Antiguo 30/11/2011, 09:52
 
Fecha de Ingreso: marzo-2010
Mensajes: 90
Antigüedad: 14 años, 7 meses
Puntos: 2
Respuesta: posicionar capas una encima de otra

uffff, me he explicado fatal por intentar explicarme bien.

olvidaros de todo lo que he dicho.

contestandoos:
para mi el problema con z-index siempre lo he tenido con los positions, por eso en este caso he probado añadiendole position absolute a ambos, que siempre me había funcionado y no me ha funcionado.

con el fondo me referia a un fondo como hay por ejemplo en el AS ,en el marca o en los periodicos como el pais o el abc, un fondo lateral fijo alrededor del contenido.

y el fondo estaba ya en el body antes de que me digeran de modificar la página(que yo no había hecho)

de todas formas y aunque no me hayais netendido por que me he explicado fatal, me habeis dado una idea que ha funcionado, he sacado el fondo del body y lo he puesto en un div aparte con absolute y solucionado.

Así que gracias de todas formas =)
  #5 (permalink)  
Antiguo 01/12/2011, 20:04
 
Fecha de Ingreso: junio-2009
Mensajes: 101
Antigüedad: 15 años, 4 meses
Puntos: 13
Respuesta: posicionar capas una encima de otra

Lo que tú dices (del diario AS en el que me he fijado) es un fondo situado en el <body>. No es que estén dos imágenes en los laterales sino que es una imagen completa situada en el body centrada para resoluciones superiores a 1024 x 768.
Eso sí, la imagen tiene que ser bastante gande. La del diario AS es de 1680x1081.

Etiquetas: capas, contenido, encima, html, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:24.