How do I distribute divs evenly in my search results in a masonry type of layout?
You can see the product listing on my site here:
http://demo.missionfamily.
There is a red button called "VISUALIZZA I RISULTATI" please click it to see all products on the site.
You will notice that some rows have empty spaces. That is due to the fact that neighbouring items are too tall and they are causing other items to go to next row.
Could someone suggest a working solution? I don't mind even if the soluton is css based as long as it works.
I tried both brick-by-brick and masonry without much success :(
Brick-by-brick causes conflicts on page with other working elements.
Masonry doesn't work and causes some conflicts too.
thanks
http://demo.missionfamily.
There is a red button called "VISUALIZZA I RISULTATI" please click it to see all products on the site.
You will notice that some rows have empty spaces. That is due to the fact that neighbouring items are too tall and they are causing other items to go to next row.
Could someone suggest a working solution? I don't mind even if the soluton is css based as long as it works.
I tried both brick-by-brick and masonry without much success :(
Brick-by-brick causes conflicts on page with other working elements.
Masonry doesn't work and causes some conflicts too.
thanks
ASKER
No I am not using monarch wordpress theme. The site is not in wordpress. What reference you might have found to monarch is a plugin that I am trying to integrate to show social sidebar, nothing more. :(
ASKER
For the time being I have set the div height to 500px but that is only a temp solution :(
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
It has a "Block Grid" feature. According to the documentation:
Demonstrated near the bottom of this demo.
http://themeforest.net/item/monarch-responsive-multilanguage-theme/full_screen_preview/7556268