making a footer... a little help please

Discussion in 'HTML & Website Design' started by onlinestudio, Jan 3, 2008.

  1. #1
    Hey everyone I want to make a footer for my sites and want the basic layout to be on allof them... linking to my other sites, common tos, etc. So what Im looking for is 2 or three column footer. I have cut my teeth in html and css only for like 2 months so Im not extremely adept at it yet.

    So question do I need to make tables in the html such as
    <div align="center">
    <div style="width:800px;background: #******;color: #******;">
    (Here is where I am confused.. I want to put 2-3 columns here but do not know how...)
    </div>
    </div>

    thanks I hope you know what im talking about
     
    onlinestudio, Jan 3, 2008 IP
  2. SuzanneMarie

    SuzanneMarie Peon

    Messages:
    38
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    HTML:

    <div id="footer">
    <div class="footer_column">
    </div>

    <div class="footer_column">
    </div>

    <div class="footer_column">
    </div>
    </div>

    CSS:

    #footer{
    text-align: center;
    clear: both;
    width: 100%;
    OR
    width:800px;
    }

    #footer_column{
    width: 33%;
    OR
    width: 266px;
    float: left;
    }
     
    SuzanneMarie, Jan 3, 2008 IP
    onlinestudio likes this.
  3. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Yeah, that's one way to do it. The only thing to watch out for with the 33% is sometimes in IE, 33% + 33% + 33% does not =100% but something more... or if you want to add any padding or anything, it's a bit safer to use somehting like 32% or something. : )
     
    Stomme poes, Jan 4, 2008 IP
  4. onlinestudio

    onlinestudio Peon

    Messages:
    237
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Thanks alot I will try this
     
    onlinestudio, Jan 4, 2008 IP
  5. chrissyj

    chrissyj Peon

    Messages:
    56
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #5
    The way to do this that HTML is designed to allow is:

    HTML:

    <div align="center" width="100%">
    <table>
    <tr>
    <td width="33%">
    First Column of data
    </td>
    <td width="33%">
    Second Column of data
    </td>
    <td width="33%">
    Third Column of data
    </td>
    </tr>
    </table>
    </div>


    No CSS needed!

    PM me if you need more ideas...
     
    chrissyj, Jan 5, 2008 IP
    onlinestudio likes this.
  6. onlinestudio

    onlinestudio Peon

    Messages:
    237
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Thanks everyone I believe I have it... rep for you1
     
    onlinestudio, Jan 6, 2008 IP