Question

I have been searching for an answer for a couple days now and had no luck.

When using AJAX to bring in multiple forms into a DIV how can I position new forms not on top of the existing form?

I have a menu that calls in new forms into a working area. The new form being called in appears on top of the existing form(s). The forms are draggable but I would prefer to have the new form position itself off of the other one(s). Is there a way to do this?

I am using jQuery to handle AJAX and effects.

EDIT & ANSWER:

I just found out what was wrong. Sorry I didn’t see this before. My forms were each in their own DIVs which were getting a 0 height. This is one of those facepalm moments. 😛

Thanks for your responses guys. 🙂

BETTER EDIT:

I used the float:left advice and added in the 0 height again. Everything works great now.

Answer 1

If I understand what you are trying to accomplish – you could “float” your forms within your working area and just append new ones into the working area when you need to.

Example