why is there a space?

[AJLComputers]

Hi guys, I'm trying to redo my website to make it in to a wordpress theme, mainly for content management.

Anyway, I've created a 3 widget footer and put contact form 7 with some custom styling into the first footer widget. For some reason there is a gap from the edge of the page to where the contact form is and it makes it look a little odd but I can't figure out where the gap has come from.

The page is 960 pixels and each footer section is 320px so they should line up perfectly but they don't.

My Site

[chrishirst]

The will only "line up" if they are in the same container.

Your calulation of 3 x 320 = 960, (which in the real world would be correct. However in the W3c world their box is a little different
the equation would be 3 x 320 + 3 x right & left border + 3 x left & right margins + 3 x left & right padding.

[AJLComputers]

Originally Posted by chrishirst

The will only "line up" if they are in the same container.

Your calulation of 3 x 320 = 960, (which in the real world would be correct. However in the W3c world their box is a little different
the equation would be 3 x 320 + 3 x right & left border + 3 x left & right margins + 3 x left & right padding.

but I've removed all the padding and margins, that's why I'm confused, or have I missed something?