Question

I got a problem..

Just imagine, that I got 6 divs in THIS order:

DIV1,DIV2,DIV3,
DIV4,DIV5,DIV6

so.. I built a Jquery script, which allows me, to move one of the Divs away..
example:
I can move DIV2 away and then it looks like this:

DIV1,DIV3,DIV4               DIV2 (anywhere out)
DIV5,DIV6

and this is my problem.. I dont want, that all divs move one up, I would like something like this:

DIV1,    ,DIV3               DIV2 (anywhere out)
DIV4,DIV5,DIV6

the css of one Div:

float:left;
height:20px;
width:20px; 
border:1px solid white;
position: absolute;

background-color:Gray;
border: 1px solid WHite;

hope u guys can help me 🙁

Answer 1

You can use jQuery to dynamically set the top and left properties of each .box:

http://jsfiddle.net/nSdpe/

$('.box').each(function() {
    var pos = $(this).position();
    $(this).css({
        top: pos.top,
        left: pos.left
    });
}).css({
    position: 'absolute'
});