I'm having trouble figuring out how to center a web form I created (hosted on S-Drive and embedded in my website). It's just a bit off center and looks funny, so I tried to get it centered and nothing I've tried has any effect.

Here is the link: http://www.rccomputersolutions.biz/evals.html

FYI: I don't have the other 2 forms on the page yet since I'm just testing. There will be 3 forms (1 for each day).

Any idea how to center the form? Is it a form setting in Web Form Builder that might be giving me the trouble?

Bonus Question: Does anyone have an idea if there is a better way to do an evaluation form like this in Web Form Builder?

Hey FisherRon, i'm showing it perfectly centered on my PC.. so you must have fixed the problem?

Assuming that you want to center the form with respect to the overall page, just like the page header, a few things come to mind:

1. The 'Evaluation Menu', which now is in a small, squarish 'block' to the upper right of the form, is preventing the form from being centered. Move the menu to a location above the form. (Remove the "float:right" directive and position it before the form)
2. Replace this: .center {padding:0 auto; margin:0 auto; } with this:
.center {width:xxpx; margin:0 auto; }, where xx is the width of the form.
(Note that "auto" is not a valid value for padding anyway...)
3. I don't think the id "#wrapper" is defined anywhere and could just be removed from the markup.
4. I think the form is unnecessarily long. You could make it wider (3 columns instead of 2; smaller comment blocks; smaller logo on top, placed at the upper left with the title next to it...)

(#4 is a very small, partial response to your 'bonus' question... )

Let me know if I misunderstood your intentions...

The page itself is centered, but the form has more white space on the left than the right. I've tried it in 3 browsers and it's the same.

It's not a big deal I guess, but bothers me that I can't seem to center the form in the white block (section).

Thanks - I'll try those suggestions. Oops - I'm still learning css and didn't check on the padding syntax.

OK, so I did misunderstand your concerns...

With respect to those white borders along the sides of the form being of uneven width, I would suggest you experiment with the 'Form Options' in the Form Builder. Especially the margins under the check box "Customize Margins".
Keep in mind that you should be able to use negative values for margins as well as positive, at least that's the case for CSS margins in general. The specified form width and the percentage width would also affect those white margins.

Try un-checking the Default Box Shadow as well.

Thanks everyone. I have tried all that and can't get it exactly right.
It's the OCD in me that wants it to be EXACT.

I've got another way to manage it - I'll just change the background so it all blends in and nobody will see that it's a couple of pixels off.