I am trying to have a border whenever I hover on the element, so I created this and it works nicely for all the columns except the last column on the right.
My question is, is there anyway I can fix it without having to use position:absolute; on the elements? I plan to have some elements set as display:none; when the user clicks the toggles, so absolute positioning wouldn’t work as desired as there would be ’empty blocks’ instead of having the elements automatically rearranged.
PS : I also know about isotope, but I think it’s quite an ‘overkill’ for something like this.
I don’t know if I got your problem right, but is this behaviour what you’ve expected?
http://jsfiddle.net/bSF8B(sorry, wrong link)http://jsfiddle.net/bSF8B/11/
I only forced default
border-widthto 0 and on hover cut the margins by 5px.