Foros del Web » Creando para Internet » CSS »

Problema con Div y su colocación con CSS

Estas en el tema de Problema con Div y su colocación con CSS en el foro de CSS en Foros del Web. Tengo un problema con un div que quiero colocar "dentro" de otro div. Expongo el código: Código: <div id="fondo"> <div id="delante"> una imagen </div> un ...
  #1 (permalink)  
Antiguo 28/01/2011, 10:14
 
Fecha de Ingreso: julio-2008
Mensajes: 41
Antigüedad: 9 años, 5 meses
Puntos: 2
Problema con Div y su colocación con CSS

Tengo un problema con un div que quiero colocar "dentro" de otro div.

Expongo el código:
Código:
<div id="fondo">
      <div id="delante">
           una imagen
      </div>
      un menú
    </div>
y expongo el CSS:
Código:
#fondo{
	position: relative;
	z-index: 0;
	width: 1000;
}
#delante{
	position: absolute;
	width: 190px;
	left: 51px;
}
El tema es que el elemento que va dentro del div con nombre "delante" devería salir encima y a 51 px de la izquierda del div llamado "fondo" y sin embargo se me coloca donde diós perdió la zapatilla.

¿Que he hecho mal?
Gracias!
  #2 (permalink)  
Antiguo 28/01/2011, 11:03
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.825
Antigüedad: 9 años, 9 meses
Puntos: 951
Respuesta: Problema con Div y su colocación con CSS

lo único que has hecho mal es el ancho de tu #fondo dice 1000 pero mil que ?¿ px, pt, em, ??

por otro lado podrías apreciar mejor el efecto si en lugar de left:51px le pones un numero mayor a 100px o inferior a 30px.... no porque no funcione en 51px sino que sera mas notoria la distancia o el que se muestre sobre el texto un menú


Ps: los div son transparentes asi que se vera texto empalmado si quieres que oculte el texto "un menú" deberás aplicar un background al id="delante"
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #3 (permalink)  
Antiguo 31/01/2011, 03:09
 
Fecha de Ingreso: julio-2008
Mensajes: 41
Antigüedad: 9 años, 5 meses
Puntos: 2
Respuesta: Problema con Div y su colocación con CSS

Perdón, vaya tontería más tonta, lo he cambiado y me sigue pasando lo mismo me sigue saliendo mal...

He cogido un CSS de muestra de otra web parecida q había hecho anteriormente y sin ver mucho la diferencia lo he arreglado:


Código:
#fondo {
	position: relative;
	width: 1000px;
	height: 404px;
}
#delante{
	position: absolute;
	width: 190px;
	left: 51px;
}
El tema es que el mismo código CSS aplicado en dos webs teóricamente idénticas, en una se ve mal y la otra bien... así que imagino que antes de los DIVs debe haber algún otro elemento que me "descuajaringue el tenderete".

Gracias igualmente.
Un saludo.
  #4 (permalink)  
Antiguo 31/01/2011, 10:34
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Problema con Div y su colocación con CSS

Prueba a darle también una posicion vertical mediante top o bottom. El z-index no será necesario.

He probado el código (después de escribir lo anterior) en Firefox, IE y chrome y lo veo correctamente. Si no se especifica la posición vertical asume el valor top:0.
Me temo que no estés usando un DTD. ¿Usas la etiqueta DOCTYPE?
Si no se soluciona con eso prueba a validar tu documento en http://validator.w3.org
puede que tengas algún error más.
El CSS lo puedes comprobar en http://jigsaw.w3.org/css-validator/
Para cualquier duda, seguimos por aquí.
  #5 (permalink)  
Antiguo 01/02/2011, 09:17
 
Fecha de Ingreso: julio-2008
Mensajes: 41
Antigüedad: 9 años, 5 meses
Puntos: 2
Respuesta: Problema con Div y su colocación con CSS

No, no, perdón... ya solucioné el tema con el código que he puesto en mi segundo mensage.

El Quit de la cuestión es que no encuentro gran diferencia entre el primero y el segundo en cambio el segundo funciona y el primero no.

No he cambiado nada de heads siempre ha tenido "DOCTYPE" y "http://validator.w3.", siempre han estado en el html.

Quizá habia algo en el html que lo hacía fallar y lo corregí sin querer en alguna de las pruebas... Ay don nou.

Gracias igualmente!

Etiquetas: Ninguno
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 18:53.