Foros del Web » Creando para Internet » CSS »

Reparto de los DIVs por la pantalla

Estas en el tema de Reparto de los DIVs por la pantalla en el foro de CSS en Foros del Web. Buenas gente, No sé como montar una estructura de DIVs. Tengo varios DIVs con position: relative , uno debajo de otro. Luego tengo un DIV, ...
  #1 (permalink)  
Antiguo 10/07/2006, 10:35
Avatar de moNTeZIon  
Fecha de Ingreso: enero-2005
Ubicación: Lliçà de Munt - BCN
Mensajes: 1.625
Antigüedad: 19 años, 3 meses
Puntos: 9
Reparto de los DIVs por la pantalla

Buenas gente,
No sé como montar una estructura de DIVs.
Tengo varios DIVs con position: relative , uno debajo de otro.
Luego tengo un DIV, también con position: relative , que contiene tres DIVs más, con position: absolute (Esto lo hice porqué era la única forma que sabia de colocar los DIVs internos, con posiciones referentes al DIV "padre")

Bien, pues si meto otro DIV más con position: relative , se me monta encima de estos tres últimos que estaban en absolute, que me parece lógico.
Pero lo que busco, es que independientemente del contenido de esos tres DIVs, este último DIV aparezca por debajo de los tres, al final del "contenido más largo" de los tres DIVs, digamos.

Imagino que la solución pasará, primero por no hacer absolutes los tres DIVs que lo son, y luego hacerle algo al DIV que los contiene, bueno. no se...

Espero haberme explicado y puedan darme una respuesta.
Saludos a todos y gracias!
__________________
..:: moNTeZIon ::..
  #2 (permalink)  
Antiguo 10/07/2006, 10:42
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 18 años, 10 meses
Puntos: 17
Usa la propiedad "clear: both"

Al último div, al cual no quieres que le quede nada montado, colócale la propiedad
Código:
clear:both
Saludos
__________________
Al final del día hablar es gratis, codificar no lo es
  #3 (permalink)  
Antiguo 10/07/2006, 11:05
Avatar de moNTeZIon  
Fecha de Ingreso: enero-2005
Ubicación: Lliçà de Munt - BCN
Mensajes: 1.625
Antigüedad: 19 años, 3 meses
Puntos: 9
Hola baccxus,
Gracias por tu pronta respuesta. Lo intenté pero no funcionó. Aunque imagino que es porqué no me expliqué del todo bien. Yo lo que puesto en el DIV "relative" que contiene a los 3 "absolutes", pero se ha seguido montando.
Me explico mejor:
Código:
#GrupoContenido {
	position: relative;
	width: 990px;
}

	#MenuLateral {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 162px
	}
	
	#ContenidoPagina {
		position: absolute;
		top: 0px;
		left: 162px;
		width: 666px;
	}
	
	#ColumnaDerecha {
		position: absolute;
		top: 0px;
		left: 828px;
		width: 162px;
	}
Se me ha ocurrido que igual con este codigo se vea mejor lo que quiero. Imaginemos el primer div "relative". Dentro de él, en el HTML, antes del </DIV> he abierto y cerrado 3 DIVs más, que son los que se ven un poco tabulados.
Y luego si, cerramos el primer DIV.
Pues bien, hasta aquí todo se vé bien. El problema es cuando le quiero agregar más contenido. Lo que hago, es agregar otro DIV con position: relative, imaginándome que continuará a partir del primer DIV, pero no funcionó mi teoria.
Lo que quiero es, supongo, volver a poner esos tres DIVs de forma que no sean absolutes, y que me cuente "como contenido" en vez de estar por ahi "flotando", y así pintar el nuevo DIV a partir del final de esos...
Ufff, a ver si ahora me expliqué.
Gracias!
__________________
..:: moNTeZIon ::..
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 10:46.