Помогите доработать подвал

[Kramag]

Необходимо что бы копирайты были по левую сторону а счётчики по правую.

Вот вырезки кода:

footer.php

</div>
<div id="footer">
	  <div id="copy">	
	  <p>Компания «<a href="http://мойсайт.ru">СтроимВместе</a>» - строительство и ремонт.</p>
<p>Все права защищены. 2011 </p>
		</div>

</div>

</body>
</html>

CSS :

/* Footer
—————————————————————————--*/
#footer {
	height: 100px;
	border-top: 1px #e5e5e4 dashed;
	margin-top: 20px;
	text-align: right;
}
#fmenu {
  width: 90%;
  height: 25x;
  margin-top: 10px;

}
#fmenu ul {
  display: inline-block;

}
#fmenu li {
  list-style: none;
  padding: 0 5px;
  float: left; 
}

/* WP
—————————————————————————--*/

буду вам очень благодарен за помощь.

[Modestes]

вы хоть смотрите что за CSS отправляете, причем тут меню.

и где собственно код счетчика

чтобы копирайт был по левую сторону вместо text-align:right; поставьте text-align:left;

[Kramag]

CSS правильный, просто изначально там предполагалось меню но я его убрал из футера.

Ну предположим что вот такой код счётчиков будет:

<!-- begin of Top100 code -->

<script id="top100Counter" type="text/javascript" src="http://counter.rambler.ru/top100.jcn?666666"></script>
<noscript>
<a href="http://top100.rambler.ru/navi/666666/">
<img src="http://counter.rambler.ru/top100.cnt?2416991" alt="Rambler's Top100" border="0" />
</a>

</noscript>
<!-- end of Top100 code -->

<!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t45.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet' "+
"border='0' width='31' height='31'><\/a>")
//--></script><!--/LiveInternet-->

Edited July 13, 2012 by Kramag

[vska.hacker]

Здорова

Ну вообще есть много способов решить данную проблему, причем они очень и очень простые...

Вариант 1

<style type="text/css">
.r {float: right;}
.copy {overflow: hidden;} /* http://htmlbook.ru/css/overflow */
.copy p {float: left;}
</style>

<div id=footer>
<div id=copy>       
<p>Компания «<a href="http://мойсайт.ru">СтроимВместе</a>» - строительство и ремонт.</p>
<p>Все права защищены. 2011</p>
<div class=r><!-- Счетчики --></div>
</div>
</div><!-- /#footer -->

Данный вариант:

Все что находится в теге P будет с лева (так же можешь поставить margin)..

div.r будет с права, там будет коды счетчиков..

Вариант 2

<style type="text/css">
.l {float: left;}
.r {float: right;}
.copy {overflow: hidden;}
</style>

<div id=footer>
<div id=copy>       
<p class=l>Компания «<a href="http://мойсайт.ru">СтроимВместе</a>» - строительство и ремонт.</p>
<p class=l>Все права защищены. 2011</p>
<div class=r><!-- Счетчики --></div>
</div>
</div><!-- /#footer -->

Если необходимо что бы "Все права защищены. 2011" была ниже на строчку то в

<p class=l>Все права защищены. 2011</p>

Добавь "clear: both;".

т.е

<style type="text/css">
.l {float: left;}
.r {float: right;}
.clear {clear: both;}
.copy {overflow: hidden;}
</style>

<p class="l clear">Все права защищены. 2011</p>

[Modestes]

или так http://jsfiddle.net/vyyWC/2/

или так http://jsfiddle.net/vyyWC/3/

[Kramag]

или так http://jsfiddle.net/vyyWC/2/

или так http://jsfiddle.net/vyyWC/3/

Спасибо большое, всё получилось