Foros del Web » Creando para Internet » CSS »

Div que contiene otro div

Estas en el tema de Div que contiene otro div en el foro de CSS en Foros del Web. Hola a todos! Tengo un problema, tengo un div contenedor que contiene otros divs. He establecido un estilo y posicionamiento para cada uno de ellos, ...
  #1 (permalink)  
Antiguo 22/04/2012, 10:02
 
Fecha de Ingreso: abril-2012
Mensajes: 1
Antigüedad: 12 años, 7 meses
Puntos: 0
Div que contiene otro div

Hola a todos!

Tengo un problema, tengo un div contenedor que contiene otros divs. He establecido un estilo y posicionamiento para cada uno de ellos, pero quiero que el contenedor tenga un borde y un fondo tipo panel y dentro de el se posiciones el resto de "subdivs".
Mi código es el siguiente

<STYLE TYPE="text/css">
#contenedor {
position:absolute;
width:auto;
heigth:auto;
background-color:cornflowerblue;
border-style:solid;
border-width:1px;
border-color:blue;
}

#origen{
position:fixed;
top:114px;
right: 1065px;
width:200px;
}
#destino{
position:fixed;
top:114px;
right: 1065px;
width:200px;
}
#fechavuelta{
position:fixed;
right: 862px;
top:130px;

}
#idavuelta{
position:fixed;
right: 950px;
top:150px;

}
#pasajeros{
position:fixed;
right: 1130px;
top:150px;

}
#reservar{
position:fixed;
right: 1030px;
top:200px;

}
</style>

Mi problema es que el color y el borde del contenedor solo me lo pinta para los elementos html no afectados por los otros estilos de los divs definidos.

Muchas Gracias
  #2 (permalink)  
Antiguo 22/04/2012, 10:12
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 9 meses
Puntos: 1146
Respuesta: Div que contiene otro div

una muy mala practica es querer utilizar position para todos los elementos, deberías utilizar float que es mas practico y no causara problemas con ningún navegador o resolución

sumado a esto una vez que utilices la propiedad float en lugar de position, al contenedor agrégale overflow:hidden; para que pueda crecer junto con el contenido obtengas el efecto deseado.
  #3 (permalink)  
Antiguo 22/04/2012, 10:17
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 17 años, 5 meses
Puntos: 539
Respuesta: Div que contiene otro div

Creo que lo que necesita es:
.- Un poco más de comprensión de la propiedad /position/
Sidar.org
librosweb.es
aquí

.- Descubrir el concepto de "flujo del html"
.- Que /width: auto/ el el valor por defecto de los elementos de bloque y que significa que ocupará la anchura que tenga disponible.
.- Que /height: auto/ es el comportamiento normal de los bloques y que significa que crecerá de acuerdo con su contenido (ver noción del flujo)

Y lo más importante, que semejante epidemia de "fixed" denota su desconocimiento a la hora de construir el layout.

Dele un buen repaso a los dos sitios primeros que le menciono al inicio.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++

Etiquetas: divs, 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 22:14.