Psd to css and to wordpress

Hi,

I trying to convert one of my design in psd format to css, and then converted it into a wordpress template.

I manage to integrate the wordpress php coding into them, the index.php and page.php looks okay, but when I click on the single post view, it seems out of the layout I wanted in index.php:

Here is the wordpress demo I have set up (index.php)
http://demo.keithng.ws/mmc/

But this looks run out layout -> http://demo.keithng.ws/mmc/?p=1
and this -> http://demo.keithng.ws/mmc/?m=200807

Any idea how to modify it to make the sidebar in place?

Thanks in advance!

 

Firstly, make sure you aren't missing any div tags in single.php.

 

It is a matter of divs. Try to give them a proper place.

 

Also make sure your clear your floats.

 

validate your code: geez - - - -

http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0

 

Huh...

Found 6 errors after the validation ..

But still do not know how to solve the single.php and archive.php problem... after so many trial and error...

p.s. What do you mean by floats?

Sorry.. still beginner in php/css coding...

Thanks in advance!