Float (?) Issue

[leezal]

Hi all, I've been wrestling this for a few days and I can't figure it out (yes I'm a total newbie). Through changing something (no idea what did it) in styles.css I've somehow stopped the main contents of the page (in #content_box??) stop floating and align to the left. The site is located here: http://aliveaustralia.com/blog/

I believe I should be working in here to sort it out:


/*---:[ core layout elements ]:---*/

#container { width: 770px; margin: 15px auto 0 auto; }

#content_box { width: 770px; text-align: left; clear: both; }

#content { width: 500px; padding: 0 40px 0 0; float: left;}

#sidebar { width: 230px; float: left; }

#footer { width: 770px; height: 250px; padding: 0 0 0 0; float: left; clear: both; }

I really appreciate any help to get this worked out, thank you in advance!

[sofimi]

I'm not sure how much you added but I recommend you first look at the default Cutline stylesheet to see how much you've changed.

Without looking at that file though, I noticed you have some position: absolute and negative margins, etc. Try removing those, then:

- Float #sidebar to the right
- Float #content to the left
- Remove the content_box float and give it a margin: 0 auto

[leezal]

I'm not sure how much you added but I recommend you first look at the default Cutline stylesheet to see how much you've changed.

Without looking at that file though, I noticed you have some position: absolute and negative margins, etc. Try removing those, then:

- Float #sidebar to the right
- Float #content to the left
- Remove the content_box float and give it a margin: 0 auto

Thank you so much!!! After another 4 fruitless hours I found your response, followed your advice and it seems to be working perfectly.

Much appreciated