DIV tag confusion! Advice please!

Discussion in 'Web Design and Development' started by adom, Dec 20, 2006.

  1. adom macrumors 6502

    Joined:
    May 27, 2006
    Location:
    UK
    #1
    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
     
  2. iKenny macrumors member

    Joined:
    Jan 31, 2004
    Location:
    Paris, France
    #2
    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 :p)

    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.
     

Share This Page