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
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; }
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. : )
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...