Foros del Web » Creando para Internet » CSS »

Múltiples columnas, float y problemas

Estas en el tema de Múltiples columnas, float y problemas en el foro de CSS en Foros del Web. Buenas, a ver si alguien me puede ayudar con esto, no controlo demasiado de css y no se si habrá alguna solución a este problema. ...
  #1 (permalink)  
Antiguo 09/02/2009, 06:13
 
Fecha de Ingreso: diciembre-2008
Mensajes: 3
Antigüedad: 9 años
Puntos: 0
Múltiples columnas, float y problemas

Buenas, a ver si alguien me puede ayudar con esto, no controlo demasiado de css y no se si habrá alguna solución a este problema.

Estoy intentando hacer un diseño de una página con múltiples columnas, las columnas quiero que tengan un tamaño fijo (ej: 210px) y que se muestren todas las que entren según el tamaño de la ventana del navegador (para mostrar el máximo número de columnas posibles).

El problema viene cuando las columnas superan el ancho de la página y tienen que mostrarse en distintas "filas". Según el alto de las columnas puede que se vean 2 columnas en la misma fila. Como una imagen vale más que mil palabras:

HTTP img7.imageshack.us/img7/4928/columnasxk5.gif

El código que estoy utilizando es de esta forma:

Código:
<style> 
.element {
	float: left;
	padding-right: 1em;
	padding-bottom: 0px;
	padding-top: 0px;
	width: 210px;
}

#container li {
	list-style: none;
	margin: 0;
}

</style>


<div id="container">
	<div class="element">
		<div class="list">
			<ul>
				<li>texto1</li>
				<li>texto1</li>
			</ul>
		</div>
	</div>
	
	
	<div class="element">
		<div class="list">
			<ul>
				<li>texto2</li>
				<li>texto2</li>
			</ul>
		</div>
	</div>
¿Alguna idea?

Saludos
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 13:08.