Foros del Web » Creando para Internet » CSS »

Como colocar div arriba "no encima" de otro

Estas en el tema de Como colocar div arriba "no encima" de otro en el foro de CSS en Foros del Web. Buenas teng ouna aplicación ya funcioan todo correctamente... Necesito colocar en la parte superior el logo de la empresa que la esta usando. El div ...
  #1 (permalink)  
Antiguo 14/07/2011, 13:16
 
Fecha de Ingreso: mayo-2006
Ubicación: Bogotá
Mensajes: 2.061
Antigüedad: 18 años, 6 meses
Puntos: 50
Como colocar div arriba "no encima" de otro

Buenas

teng ouna aplicación ya funcioan todo correctamente... Necesito colocar en la parte superior el logo de la empresa que la esta usando.

El div superior del home se llama header... Lo que hice fue esto:

Código:
<div id="Empresa"><span>LOGO Empresa</span></div>
<div id="header">
El estilo que tengo hasta el momento es este... Si me coloca el logo pero me lo coloca encima del contenido del header... Como hago para uqe me lo coloque para que me lo deje arriba del div header ... Es decir tendria que desplazarme esta capa n poquito hacia abajo...

Código:
/****************************************************/
/*------------ DIV LOGO INSTITUCIONAL --------------*/
/****************************************************/
#Empresa{
	background:url(global/logo.jpg);
	width:75%;
	height:55%;
	background-repeat:no-repeat;
	float: left;
	position:absolute;
	display:block;
}
#Quasar span{
	display:none;
}
Saludos y gracias.
  #2 (permalink)  
Antiguo 14/07/2011, 22:48
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 15 años, 5 meses
Puntos: 269
Respuesta: Como colocar div arriba "no encima" de otro

usando z-index,
Esos estilos así como están se ven confusos. salvo que sea solo una parte de tu código.
En #empresa, usas float: left; y position:absolute;
- Todo lo que esté flotado debe estar dentro de un contenedor al cual le das overflow:hidden;
- Cuidado que la resolución de tu monitor no te engañe cuando usas position absolute y no lo metes en un contenedor relativo.

#Quasar span ???

Saludos.
  #3 (permalink)  
Antiguo 15/07/2011, 01:55
Avatar de vgonga1986  
Fecha de Ingreso: marzo-2008
Ubicación: País de Pandereta
Mensajes: 1.021
Antigüedad: 16 años, 8 meses
Puntos: 253
Respuesta: Como colocar div arriba "no encima" de otro

Si el div header ocupa todo el ancho del contenedor padre, puedes intentar quitar el position: absolute; de tu logo y darle al header clear: both; Así, el logo tendrá float, pero el header estará definido para ocupar una nueva línea del documento, por lo que quedará por debajo del logo.

Espero que te sirva, un saludo.

Etiquetas: arriba, contenido, encima
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 03:20.