Resizing child elements when parent Div is resized.
I am fairly new to web development and I have started developing my own site. What I have is a DIV that contains different elements such as a textarea/text box etc.
At the moment I can get the div to be movable & resizable using external js scripts. However, what I need is when I resize the parent div, all child divs/elements resize also (similar to having anchors set on form components in a Win32 application). At the moment they do not stretch so the DIV overlaps.
The idea is to have something similar to an MSN conversation box i.e. you can only resize them to a certain width/height & when you resize the parent the inner elements resize with it.
Basically what you have done is pretty much what I am looking to do. However, I need it to be dynamic i.e. the user can resize the parent div with the mouse....as the parent div is resizing the child elements resize accordingly.