I’ve got a little problem. I have multiple relative positioned DIVs in an absolute positioned wrapper div. Now I want them to be like on pintrest.com. But my result looks like this:
http://d.pr/CHCq
(Image link on droplr.com)
CSS:
div.post {
position: relative;
width: 250px;
margin: 0 0px 14px 14px;
background-color: #eae9e9;
float: left;
}
Do you know any efficient fix for this? Or shall I make three columns?
Thanks in advance.
You might consider using jquery masonry. Or, if you’re alright with the width being static, 3 columns as you mentioned.