I recently came across Thur Broeder's excellent tutorial on implementing a three column (2 sidebar) template for Blogger.(<!-- m --><a class="postlink" href="http://www.thurbroeders.nl/tutorials/3-columns-layout/3cl_1.htm">http://www.thurbroeders.nl/tutorials/3- ... /3cl_1.htm</a><!-- m -->)
Upon arranging all the appropriate Blogger code, I ran into one unexplainable problem:
All of my posts are CENTERED!
I cannot for the life of me locate the broken piece of code that is making all of my posts center aligned.
I've already tried toying with this part here:
#body {background: #FFFFFF; margin: 0px; padding: 20px;color: #000000; font-size: 0.8em; font-family: "Trebuchet MS", Trebuchet, Verdana, Geneva, Arial, Helvetica,sans-serif; text-align: center;} ...by changing it to "left" but nothing happens. Am I missing something completely here?
If anyone could *please* locate the error that I am overlooking, would they be so kind as to email me/respond to this thread?
A complimentary link will most definitely be added for your service.
My site is: <!-- m --><a class="postlink" href="http://www.whatsakyer.blogspot.com">http://www.whatsakyer.blogspot.com</a><!-- m -->
Many thanks!
kyerWhen I have a centered site I use 2 containers, one being body (duh) and the other being something like "mainDiv"
BODY {
text-align: center;
}
mainDiv {
width: xxxpx;
text-align: left;
margin: 0px auto; /* AUTO is evidentaly important */
}
EDIT: mainDiv should include go right after the body tag....
I don't know if that will help or not, I'm new...
Good luck.Not sure where to insert that part. I understand this 3-columned template modification is really quirky. ::shrugs:: Not sure what to do now.