Ok so I have literally made a "My Computer "window purely from CSS3. I'm gonna finish it, and what I'd like to be able to do is move it about and make the window re-sizable.
Some child classes only want to resize in width, and some want to re-size in width AND height. That seems like quite a task, and I'm actually more concerned about the moving of the div. I've given it a go a few times and I just an't get it to work!
Can someone possibly help me? Maybe a JFiddle of it working? I appreciate it guys!
EDIT: Here's the site, SORRY!:
http://projects.beauaugust.co.uk/windows98/
View source, it's all in there!
Have you looked into http://jqueryui.com/demos/resizable/ and http://jqueryui.com/demos/draggable/? I imagine that you could get the functionality you desire between those two and some custom code.
I just looked at your code on jfiddle and put this:
$(function() {
$( ".window" ).draggable().resizable();
});
which worked great to make it draggable. It resized to a degree, too. To make the resize work better, it would be best if you gave relative sizes to the child elements of window (like 100%) instead of pixel sizes.
I hope that helps. If so, please mark as answer.