I wanted my blog text-align to go left. Did all i could with this..see below...but the blog is still in the middle of the page. I need it to align left so that it doesn't cover the background. It's not working. somebody please help. currently you can see what is looks like on my blog at here (http://www.chiquitafilipina.blogspot.com)

can somebody help me with this? I'm kinda new with all this. thanks.


<style type="text/css">
body {scrollbar-arrow-color: #FFFFFF;scrollbar-base-color: #CCCCFF;
scrollbar-dark-shadow-color:#CC99FF; scrollbar-track-color: #000066;
scrollbar-face-color: #000000;scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;scrollbar-3d-light-color: #CC33FF;}

body {
background:#000000 url("http://photos1.blogger.com/blogger/2846/1382/1600/182644_9667[1]%20resize.jpg") no-repeat fixed 100% 0% #000000;
margin:auto;padding:0px 0px;font:x-small/1.5em "Trebuchet MS",Verdana,Arial,Sans-serif;color:#333;font-size/* */:/**/small;
font-size: /**/small; text-align:left;}#content {width:630px;
margin:auto;text-align:left;}
#main {width:485px;float:right;
background:transparent;margin:auto;padding:0 0 10px;
color:#ced;font-size:97%;line-height:1.5em;text-align:left;}
#main2 {float:right;width:100%;
background:transparent; padding:10px 0 0;
text-align:left;}
#sidebar {width:140px;float:left;margin:auto;font-size:70%;
line-height:1.5em;text-align:right;}

Your problem starts here:
#content {
width:630px;
margin:auto;
text-align:left;
}

margin:auto centers the content rendering box in the page. The text align left, only aligns the content, not the rendering box itself.

It appears that you are using margin:auto all over the place, and some of the others may also be wrong. You should only be using margin:auto for elements that you want centered in their parent's rendering box.

thanks for the reply. you're right. I totally didn't realize that. thanks a million!

Preview in whatever tool you are using is not a browser. you have to look the page in a brwser as you are working on it to see what it is going to look like. Preview is just an approximation of what the tool thinks the page will look like, an all tools generate errors and non-standard code.

It is like trying to determine the color of a liquid in a colored glass.

Cd&