Hi,
You just need to float .one-third to the left and .two-third to the right. However you will need to remove those mismatched and erroneous p tags that are messing everything up.
Code:
<div class="topcontent">
<p>
<div class="one_third">
<p>© Copyright 2012 Your Company | <a href="#">RSS</a> | <a href="#">Email</a></p>
<p>
</div>
<div class="two_third column-last">
<p style="text-align: right;"><a href="#"><img src="http://www.designcirc.us/responsivetheme/wp-content/themes/aware/images/icons/twitter.png" style="display:inline"></a><a href="#"><img src="http://www.designcirc.us/responsivetheme/wp-content/themes/aware/images/icons/facebook.png" style="display:inline"></a><a href="#"><img src="http://www.designcirc.us/responsivetheme/wp-content/themes/aware/images/icons/forrst.png" style="display:inline"></a><a href="#"><img src="http://www.designcirc.us/responsivetheme/wp-content/themes/aware/images/icons/dribbble.png" style="display:inline"></a><a href="#"><img src="http://www.designcirc.us/responsivetheme/wp-content/themes/aware/images/icons/cargo.png" style="display:inline"></a><a href="#"><img src="http://www.designcirc.us/responsivetheme/wp-content/themes/aware/images/icons/linkedin.png" style="display:inline"></a><a href="#"><img src="http://www.designcirc.us/responsivetheme/wp-content/themes/aware/images/icons/posterous.png" style="display:inline"></a></p>
<p>
</div>
<div class="clear"></div>
</p>
</div>
Not keen on those class names or is this another of those impossible to fathom grid layouts that layer complexity on top of something relatively simple?
Bookmarks