Put large table and form on one centered layout

I'm currently developing a quite complex and growing website that has centered layout. These are some of the layout rules:

  • Table width are 768px in default, but if not possible (overflow) the table should be stretched to full width.
  • All other elements are aligned to center.

And here is the problem:

enter image description here

Is it a good practice to center the form inputs regardless the position of the table? Also, where should I put the title? Since the table is also a part of the form. It may looks tidy as it is now, but I don't want the layout changes too much from the default look as follow:

enter image description here

Or any other idea how to beautify this layout? Any help appreciated.

Edit: I start bounty on this, for some reason it doesn't appear anywhere on home. I want the solution to look fine on complex forms such as this:

enter image description here

Edit 2: This is my last attempt on centering the form alignment. It looks quite fine on simple unsectioned forms, but on sectioned forms with different column numbers it looks very ugly: The "fine" layout The ugly layout Because I get stuck at this, I'm considering to make the layout aligned to left only for forms -- since the forms can consist of 1 to 3 columns and tables. Is it a good practice?

I have no other ideas to solve this, please help.

Tags: