Divs de altura dinámica

[kabe_jrr]

Hola amigos,

Tengo un código de DIVs con "float:left" que van todos en la misma fila. Si no caben en la misma fila, automáticamente se pasan a la fila de abajo.

El problema que tengo es que el contenido de los DIV es dinámico y la altura de cada uno puede variar, entonces dependiendo de la altura que tenga el primero, el de la fila de abajo se mueve a la derecha o no y yo quiero que mantenga el orden de columna.

¿Cómo hacer para mantener la regularidad de las filas, aunque cada DIV tenga una altura diferente?

Muchísimas gracias de antemano.

[AngelKrak]

ponle un Height especifico y un Scroll para el texto o lo que sea que ahiga y asi estaran a la misma altura ;)

mira un ejemplo en mi web:
http://dragons-mw.hol.es

[kabe_jrr]

Iniciado por AngelKrak

ponle un Height especifico y un Scroll para el texto o lo que sea que ahiga y asi estaran a la misma altura ;)

Es una idea, gracias!

¿Y sin scroll habría manera de hacerlo?

[inieva]

Podrías usar columnas y media queries en lugar de flotar los elementos así tendrías un orden. Aunque sea vertical.

http://jsfiddle.net/525sos06/

Saludos!

[kabe_jrr]

Iniciado por inieva

Podrías usar columnas y media queries en lugar de flotar los elementos así tendrías un orden. Aunque sea vertical.

http://jsfiddle.net/525sos06/

Muchas gracias. Nunca he usado media queries así que tu respuesta me ha venido bien para ver su funcionamiento.

De todas formas creo que no me sirven, o al menos no sé cómo usarlas correctamente. Me explico: En la pantalla tengo diferentes divs, de forma que me alinean y muestran todo de la forma que quiero (la típica estructura de cabecera arriba, menú a la izquierda y a la derecha el contenido).

Entonces, en la zona de contenido, es donde quiero poner lo que estoy comentando, de los divs de diferentes alturas y tal. Entiendo que las media queries adaptan según el tamaño total de la pantalla al completo, pero yo sólo quiero manejar lo que hay en la parte del contenido.

¿Estoy equivocado? Muchísimas gracias!