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:
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:
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:
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: 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.