Question

How do I create a two column footer using div only? (tableless)

The footer is 980px it should contain….

Copyright 2010 xyz.com (left side)

About us | privacy | terms (right side)

Answer 1

You can do it something like this:

CSS:

.Footer_outer{
width: 980px;
border: 1px solid;
}

.Footer_inner_left{
width: 49%;
Float: left;
display:inline;
}

.Footer_inner_right{
width: 49%;
Float: right;
display:inline;
}

HTML:

<div class="Footer_outer">
  <div class="Footer_inner_left">Copyright 2010 xyz.com </div>
  <div class="Footer_inner_right">About us | privacy | terms </div>
</div>