Back Home

Open Designs

Community. Driven.

    • CommentAuthorKam
    • CommentTimeJan 12th 2007
     
    I need help creating a multiple column footer. I have never done it before, and it does not seem to be working very well. What is the best way to do it? Should I make it an inline ul? Should it be floated divs? Is there some site I could go to as a reference point to see it in action, or at least read how to do it?
    •  
      CommentAuthorcoollew
    • CommentTimeJan 12th 2007
     
    Hi Kam
    If your intention is navigation I would use an in line unordered list
    and attempt to be creative footers are usually minimal and plain.

    If you were thinking of columns of content I would would assign a new div above the footer .
    But that's just me hope that helped.
    •  
      CommentAuthorbcwood
    • CommentTimeJan 12th 2007
     
    I've done something similar to this before with floating divs. If you want 3 columns, give them each 33% width - if you want 4, give them each 25% width, etc.
    • CommentAuthorwfiedler
    • CommentTimeJan 13th 2007 edited by wfiedler on the 13th January 2007 at 00:46:31 EST
     
    •  
      CommentAuthorgnome
    • CommentTimeJan 13th 2007 edited by gnome on the 13th January 2007 at 08:28:20 EST
     
    or, you can see how other people do it, and use similar techniques. Nothing teaches quite like tearing someone else's work apart. http://www.edg3.co.uk/ (Christopher's site) seems to accomplish the effect you are after... he seems to have a div tag with a .block class around an unordered list. Just tell each .block to float to the left, with a suitable width and margin-left (use percentages). (Same as What BCwood said, but with an example).