I'm trying to code psd's without any tutorials or instruction and I've done pretty well but my sidebar is being a pain!

 

I can get it to float right of my other floated elements but it won't push up to the top of the page - I've got a feeling this is something really simple but I can't figure it out, I've tried clearing floats etc

 

any advice appreciated!

 

web page here

 

Cheers

 

Mike

<div id="main" style="float:left;width:600px;">...

change the order in the html, like this.

 

ive only placed the sidebar first in the main div the rest is the same

 

<div id="main">
<div id="sidebar">

<h3>Navigation</h3>

</div>
<div class="post-content">

<img src="images/featured-image.jpg" alt="featured">

<div class="post-item">
<h3>Watercolored Design Studio Blog Layout</h3>

<h5 class="title">Apr 12th in Photoshop by Matthew Heidenreich</h5>

<p>In this tutorial you will learn how to make a clean and simple watercolor design studio layout for a blog. If you have any questions about this tutorial be sure to ask in the comments. Also, remember with all the tutorials, the psd is available for download.</p>
</div><!--end post item-->

</div><!--end post content-->

<div class="post-content">

<img src="images/featured-image.jpg" alt="featured">

<div class="post-item">
<h3>Watercolored Design Studio Blog Layout</h3>

<h5 class="title">Apr 12th in Photoshop by Matthew Heidenreich</h5>

<p>In this tutorial you will learn how to make a clean and simple watercolor design studio layout for a blog. If you have any questions about this tutorial be sure to ask in the comments. Also, remember with all the tutorials, the psd is available for download.</p>
</div><!--end post item-->

</div><!--end post content-->

<div class="post-content">

<img src="images/featured-image.jpg" alt="featured">

<div class="post-item">
<h3>Watercolored Design Studio Blog Layout</h3>

<h5 class="title">Apr 12th in Photoshop by Matthew Heidenreich</h5>

<p>In this tutorial you will learn how to make a clean and simple watercolor design studio layout for a blog. If you have any questions about this tutorial be sure to ask in the comments. Also, remember with all the tutorials, the psd is available for download.</p>
</div><!--end post item-->

</div><!--end post content-->


</div><!--end main-->
<br class="clear">





</div>

Thanks! changing the order works perfectly, really appreciate the help guys

 

take care,

 

Mike