DIV tag confusion! Advice please!

[adom]

OK, so to start off with, im trying to make a website for a friends golf course - but im really struggling with DIV's. Im pretty much a designer first, coder second - and had never used DIV's until the other day (yeah i know, terrible).

Basically I have made most of the layout using DIV's after reading numerous internet based tutiorials, etc. However I was struggling to get my 'main body' sorted: i.e 100% columns.

Now to cut a long story short, I have read and used the A List Apart tutorial to help me sort this out...except i cannot, for the life of me, get the DIV to centre!!!

If someone could visit:

http://www12.asphost*****.com/keydogg/BCG/test.htm

Edit: Not sure why its masking it out, but the link is
www12.asphost4(remove this)free.com/keydogg/BCG/test.htm.

Sorry about that!

...and tell me how on earth i can get my body columns to line up with the header and footer, that would be GREAT!!

Thankyou in advance for any help you can give!

Adam

 

[iKenny]

I think it's the float: left in the #container .column style definition that's doing it. If you remove it, you'll see that the left column will then line up with the top area, but the right column is beneath it. You'll need to figure out some other way of doing this (i would use a table, but I think that's taboo right now )

By the way, try this for making borders using CSS:

border-left: 1px solid #FFFFFF;

then you don't need to define border-left-width, border-left-color, etc.