Mi idea es que queden asi los div..

y no de esta forma..

Espero puedan ayudarme... desde ya muchas gracias a todos y Saludos...
| |||
![]() Hola amigos, soy nuevo en este foro y me gustaria que me ayuden, mi problema es que tengo 2 tipos de div de width iguales pero height diferentes y poniendo varios div uno al lado del otro no encajan uno debajo del otro... un poco confuso verdad pero queria igual a la pagina de "ehouenespanol" es decir cajas chicas que entren entre los grandes si baja terminando la fila... intente con vertical-align: top pero no funciono... Mi idea es que queden asi los div.. ![]() y no de esta forma.. ![]() Espero puedan ayudarme... desde ya muchas gracias a todos y Saludos... Última edición por roeboy2; 07/01/2015 a las 21:09 |
| ||||
Respuesta: Ajustes de elementos verticalmente
Código HTML:
y así hasta el infinito. Esta es una forma de hacerlo.Ver original A considerar, las cajas contenedoras-3 son simple div que ocuparán el 100% Dentro debería ir la cajas con los articulos que muestras. Piensa de esta manera. En la primera imagen que muestras tienes tres columnas, y en la segunda (que según entendí es lo que pretendes conseguir) tienes 2 filas. Digo, piensa en esos términos para maquetar tu web. Saludos EDITO. otra forma, es poner un div vacio al 100% despues de cada tres cajas de manera que todas las demás quede como alineadas a él. No me parece muy buena solución porque no deberíamos poner elementos vacíos, cuando esto se podría resolver de otra forma. Seguro a alguien más se le ocurrirá algo mejor, como el uso de css3 por ejemplo
__________________ El mundo nada puede contra un hombre que canta en la miseria. -- Ernesto Sábato-- |
| |||
Respuesta: Ajustes de elementos verticalmente Muchas gracias por la ayuda... solo que mi pretensión es como la primera imagen y no como la segunda... pero esa respuesta esta excelente para hacer como la segunda imagen... Gracias... |
| |||
Respuesta: Ajustes de elementos verticalmente
Código HTML:
Ver original y mi pretension es como esta imagen... ![]() Última edición por roeboy2; 07/01/2015 a las 21:40 |
| ||||
Respuesta: Ajustes de elementos verticalmente El problema es que al flotar los articles no se acomodarán nunca como uno quiere: http://jsfiddle.net/c2am/5o3q7wke/21/ Prueba a variar el contenido de cada article y verás de que hablo Supongo que traes los artículos de la base de datos, con lo cual podrás controlar cuanto quieres mostrar en esta sección de tu web. Lo mejor, para mí, o mejor dicho lo más fácil es darle una altura fija e igual para todos los artículos, y acomodar la cantidad de información a este efecto, o simplemente con un overflow:hidden ocultar lo que sobrepase dicha altura. Todo esto para evitar entrar en una guerra que ganará el float. Ahora, si no te convence y quieres sí o sí lo anterior, pues mediante programación vas repartiendo los articulos en tres "div columnas". EDITO: AQUÍ ESTÁ LA SOLUCIÓN: http://ksesocss.blogspot.com/2012/05...uales-con.html Sabía que había un forma con css
__________________ El mundo nada puede contra un hombre que canta en la miseria. -- Ernesto Sábato-- Última edición por C2am; 07/01/2015 a las 22:00 |
| |||
Respuesta: Ajustes de elementos verticalmente Entiendo perfectamente lo que me estas proponiendo y justamente te paso una pagina que estoy haciendo y tiene dicho problema y lo hice con altura fija ya que no encajaba como yo quiero los elementos... [URL="http://www.upe.edu.py"]http://www.upe.edu.py[/URL] |
| ||||
Respuesta: Ajustes de elementos verticalmente No sé si leiste la Edición pero aquí te dejo la prueba de acuerdo a lo que propone kseso: http://jsfiddle.net/c2am/5o3q7wke/35/ Lo que sí, debes mirar el soporte que tiene esta propiedad: http://caniuse.com/#feat=multicolumn
__________________ El mundo nada puede contra un hombre que canta en la miseria. -- Ernesto Sábato-- |
| |||
Respuesta: Ajustes de elementos verticalmente Grande maestros!!! funciona de 10, y ahora a ver como puedo hacer para diseño responsivo... ese creo que es oootro tema... mil Gracias amigos... Saludos. |
| ||||
Respuesta: Ajustes de elementos verticalmente Usar columnas CSS difiere de lo que hace masonry, en tanto que en el primero el orden es de arriba abajo y luego lateral y en el último es a priori horizontal y luego vertical. Aunque esto último no es del todo cierto, pero por ahí va la cosa.
__________________ (: |
| ||||
Respuesta: Ajustes de elementos verticalmente Yep, tienes razón pzin el ordenamiento de bloques que hace masonry se hace muy notorio cuando lo aplicas en bloques que sigen un orden, post o entradas de blog por ejemplo...
__________________ velarde23.com - Soluciones Web |
Etiquetas: |