Создать нижний колонтитул с двумя столбцами Используя div?

Question

Как создать нижний колонтитул из двух столбцов, используя только div? (Бестабличные)

Нижний колонтитул составляет 980px, он должен содержать ....

Copyright 2010 xyz.com (левая сторона)

О нас | конфиденциальность | условия (справа)

Answer 1

Вы можете сделать это примерно так:

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>

Answer 2

В вашем css:

#footerLeft { width: 47%; float: left; display: block; 50px;}
#footerRight { width: 47%; float: right; display: block; height: 50px; }
#footer { width: 100%; height: 100% width: 980px; }

Html:

<div id="footer">
<div id="footerLeft">Copyright 2010 xyz.com</div>
<div id="footerRight">About Us | Privacy | terms </div>
</div>

Проверьте http://www.blueprintcss.org/ Framework, это облегчит жизнь.

Answer 3

CSS:

#footer { overflow:hidden; width:980px; margin:0 auto; }
#footer #copy { float:left; display:inline; width:490px; }
#footer #links { float:right; display:inline; width:490px; }

HTML:

<div id="footer"><div id="copy">copyr..</div><div id="links">blah</div></div>