Hallo ebody, oha. Von draggable war bisher keine Rede. Inwieweit ist dein Muster der Realität nahe? Insbesondere: (1) brauchst Du den 5px Rand um die grüne Box? (2) ist die grüne Box tatsächlich einfarbig? Wenn (1)=nein und (2)=ja, könnte man die Rahmenbox auch mittels Box-Shadow simulieren: ~~~css box-shadow: -10px 0 0 15px rgba(49, 217, 0, 1), 70px 0 0 15px rgba(49, 217, 0, 1), 110px 0 0 15px rgba(49, 217, 0, 1), -10px 20px 0 15px rgba(49, 217, 0, 1), 50px 20px 0 15px rgba(49, 217, 0, 1), 110px 20px 0 15px rgba(49, 217, 0, 1); ~~~ Mit diesen 6 Schattenteilen bekommst Du genau die 200x100 Pixel Box um die rote Box herum, ohne Rand. Den schwarzen Rand bekommt man mit 6 zusätzlichen schwarzen Schatten und geschickter Positionierung auch noch hin, aber das artet dann schon in Overkill aus. Nachtrag: gerade noch mit einer ::before Box gespielt, in der Hoffnung, dass jQuery die nicht als ziehbares Kind erkennt - war aber nix 😕 _Rolf_ -- sumpsi - posui - clusi

Hallo ebody, oha. Von draggable war bisher keine Rede. Inwieweit ist dein Muster der Realität nahe? Insbesondere: (1) brauchst Du den 5px Rand um die grüne Box? (2) ist die grüne Box tatsächlich einfarbig? Wenn (1)=nein und (2)=ja, könnte man die Rahmenbox auch mittels Box-Shadow simulieren: ~~~css box-shadow: -10px 0 0 15px rgba(49, 217, 0, 1), 70px 0 0 15px rgba(49, 217, 0, 1), 110px 0 0 15px rgba(49, 217, 0, 1), -10px 20px 0 15px rgba(49, 217, 0, 1), 50px 20px 0 15px rgba(49, 217, 0, 1), 110px 20px 0 15px rgba(49, 217, 0, 1); ~~~ Mit diesen 6 Schattenteilen bekommst Du genau die 200x100 Pixel Box um die rote Box herum, ohne Rand. Den schwarzen Rand bekommt man mit 6 zusätzlichen schwarzen Schatten und geschickter Positionierung auch noch hin, aber das artet dann schon in Overkill aus. _Rolf_ -- sumpsi - posui - clusi