phdphd Posted September 1, 2014 Share Posted September 1, 2014 Hi All,I have a problem with masonry.I initially have a scrollable area that contains DIVs with fixed width. Each DIV contains info about an event, and consists of two DIVs, an upper one, and a lower one. When the user has JS enabled, only the upper one part displays. They can display the lower DIV by clicking a plus sign. Without masonry, this clicking operation will create a blank area. I woud like to get rid of this blank area.I tried to implement masonry, but the result is that when the lower part of a div is displayed, it overlaps the upper part of the div below it.At this stage I defined no options for masonry. I just installed masonry.pkgd.min.js and add class="js-masonry" to the scrollable area.Thank you for your help ! Link to comment https://forums.phpfreaks.com/topic/290776-issue-with-masonry-overlapping-divs/ Share on other sites More sharing options...
WebOutGateway Posted September 5, 2014 Share Posted September 5, 2014 Hi, phdphd!Maybe you can try the z-index CSS property. It controls the elements that overlap with each other. The element with the greater z-index will be positioned in front of the element with lower z-index.I hope this helps. Thank you. Link to comment https://forums.phpfreaks.com/topic/290776-issue-with-masonry-overlapping-divs/#findComment-1490021 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.