Divs vaste plaats samen met javascript

Ik heb dus allemaal blokjes die je kan verplaatsen en resizen.

In het begin ziet het er zo uit;

Spoiler tonen

Ik pak 1 blokje en schuif hem naar onder;

Spoiler tonen

ik rek hem uit (horizontaal);

en op die screen zie je dus dat de andere blokkken, mee verder gaan staan.

Nu is mijn vraag dus, hoe behouden ze hun gewone plaats. Zo dus eigenlijk (ik heb ze nu handmatig even proberen terug te plaatsen);

Spoiler tonen

Hier heb je mijn code;

Codeblok (voorbeeld.php):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46



Play With Blocks








En hier heb je een live demo;

http://sander.freux.nl/playwithblocks.php

2de vraag: hoe zorg ik dat ze bijvoorbeeld alleen in de div #container (is er nu niet, maar stel) dragable zijn, dat je ze er dus niet uit krijgt?

Bedankt

Misschien met overflow:hidden;?? <-- Alleen op je eerste vraag

Je laat ze nu naast elkaar floaten, je moet ze een absolute positionering meegeven, en dan met top en leeft werken.

Rik schreef:

Je laat ze nu naast elkaar floaten, je moet ze een absolute positionering meegeven, en dan met top en leeft werken.

Bedankt, weet iemand ook de 2de vraag?

Sanderc schreef:

Eerdere citaten tonen

Rik schreef:

Je laat ze nu naast elkaar floaten, je moet ze een absolute positionering meegeven, en dan met top en leeft werken.

Bedankt, weet iemand ook de 2de vraag?

Dit had ik ook al tegen je gezegd in een ander topic btw

Nielsie schreef:

Eerdere citaten tonen

Sanderc schreef:

Eerdere citaten tonen

Rik schreef:

Je laat ze nu naast elkaar floaten, je moet ze een absolute positionering meegeven, en dan met top en leeft werken.

Bedankt, weet iemand ook de 2de vraag?

Dit had ik ook al tegen je gezegd in een ander topic btw

Oh heb ik niet gezien , kan je link geven of nog eens zeggen aub?

www.google.com
Het antwoord op je tweede vraag had je makkelijk kunnen vinden op Google. Het staat zelfs op de jQuery UI site.. http://jqueryui.com/draggable/#constrain-movement hier vind je het.