Please Help

[ArahMan7]

I'm sorry, I don't know how to say it properly. English is not my language. I hope you will understand what I'm trying to say.

I realized that my present post looked as though I have used the "<div align=center" tag on it. It seem that the text align on the said post was centered. But when I clicked on the same post in "Previous Posts", the layout become the way it was suppose to look.

Is it because of some HTML on my template? I'm a newbie to all this, please help.

Greeting from Malaysia.

p/s Oops! I almost forgot, my url is http://arahman7.blogspot.com/ The present post is I'm Baaaack!!! Now click I'm Baaaack!!! in the header Previous Posts near the bottom on my left sidebar. You can see the difference.

I thank you in advance.

[Veronica]

If you're trying to center a div, don't use align=center. Use:

<div style="margin-left: auto; margin-right: auto;">
content here
</div>

You're basically telling the browser to make the left and right margins equal, which will center the div.


For IE6, you should add another div around the div like so:

<div style="text-align: center;">
<div style="margin-left: auto; margin-right: auto;">
content here
</div>
</div>

The text-align would normally be used for the content of a div, but for IE6, you need a work-around

[ArahMan7]

Thanks for the head-up, Veronica. But Veronica, did you see the different of my post? The present one and the one in Previous Posts.

Should I add those lines of code to make it alright, on my template?

[Veronica]

I don't really see a difference. What resolution are you using? Also, what browser?

[ArahMan7]

Ok, I don't know how to put my blog screen shot here. I just gonna explain it.

1. When you open up my url in any browser IE or FF, you will notice a note from IP2location.com that say, "Hello there... It started as though the text align is centered.

2. Same thing to my blog title
3. Clicked on the same post, "I'm Baaaack!!!" located on the Previous Posts. Looked at the IP2location.com note. It started like it suppose to be, on the left.

4. And blog title. Any different?

5. If not, then I think there must be something wrong with my PC setting. I'm using both browser, IE7 and FF2.0 depending on the site.

6.Resolution 1024 x 768

[Veronica]

OK - now I see it! I'm sorry - I thought you were talking about something else.

I can't find anything in the code that would explain the difference between the two pages.

On my hard drive, the copy will align left when you add a style to it:



<div class='widget-content' style="text-align:left">
<script language="Javascript" src="http://www.ip2phrase.com/ip2phrase.asp?template=Hello there. I see you are from <city>, <country>."></script><br><font color="#5588aa">Thank you for visiting. May you find something useful here. After enjoying your session here, please leave a comment or two about my Blog. I shall appreciate it very much. Bookmark this Blog, or favourite it and tell your friends about it. You can also translate "My Journey To Recovery" in your own language by clicking one of these flags. Enjoy your stay and have fun. I hope will you come back again soon.</font><br/>Powered by <a href="http://www.ip2location.com" target="_blank">IP2Location.com</a>
</div>


Can you add that and see if it changes?

[ArahMan7]

Sorry for the late reply, Veronica. I add a style to it like you suggested but it still remain the same. So, I deleted the style.

For the sake of conversation, let say you style worked out. How about the post? Will it be uncentered?

With my limited knowledge about HTML, I tried looking into it, in the blog template but I can't find anything abnormal.

Before it was alright. I first noticed it about two posts back. I tried to think what did I do last on the template. All I can think of was, I add a string of codes given to me by the Supreme Commander Coder, jscheuer1 when I had problem with my links when using IE.

I tried Blogger Help Group, till now no answer. Please Veronica or anybody, please help me straighten out this problem I'm having now. I know it no big deal but it looked weird.

Greeting from Malaysia.

[Veronica]

The style text-align:left should have uncentered things. The only thing I can think of is it could be something in the javascript that generates the welcome message?

[ArahMan7]

Hi Veronica. I deleted the javascripts that generated the welcome message, it still not working. There is nothing much I can do, except leave it like that. I'm sure whoever came and read this thread will have some ideas what really happened.

Hopefully there's some bug that the Blogger people are doing something about it or I shall pray, the problem will righted itself.

Anyway, thank you Veronica for staying with me, trying to solve this problem. I really appreciate it.

Greeting from Malaysia.

[ArahMan7]

Hi Veronica,

FYI, a friend have solved it. Clicked on the "Align Left" button when writing the post but the title, date and welcome note are still centered. (See my latest post).

Greeting from Malaysia. I'm gonna have a great week whether I'm centered or not.

[alexjewell]

Haha, that's right ArahMan...don't let a layout mess up your week!

[ArahMan7]

Thanks AlexJewell. At least I can make somebody laugh. I can see you got a lovely smile there. Having a good laugh keep me clean and sober, sometime.

I brought you greetings all the way from Malaysia.

[Veronica]

Glad you found it. It really wasn't making sense otherwise!

[ArahMan7]

Yeah, found it but the title, date and welcome note are still centered. Here are some HTML from my blog's template:

body {
background:#fff;
margin:0;
padding:40px 0px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

What do you think will happen if I change text-align to left?

One more question Veronica, please. I'm trying to make the main/center column a little bit smaller, say around 500px (give or take 10px). How am I gonna do that? From the template, I knew the width of both sidebars are 180px but no where it was stated for the width of the main column. Is there a way to make it smaller?

I thank you in advance.

[Veronica]

OK, first, make sure you have quotes around the id for the div:



<div class="widget-content"> <script language="Javascript" src="http://www.ip2phrase.com/ip2phrase.asp?template=Hello there. I see you are from <city>, <country>."></script><br><font color="#5588aa">Thank you for visiting. May you find something useful here. After enjoying your session here, please leave a comment or two about my Blog. I shall appreciate it very much. Bookmark this Blog, or favourite it and tell your friends about it. You can also translate "My Journey To Recovery" in your own language by clicking one of these flags. Enjoy your stay and have fun. I hope will you come back again soon.</font><br/>Powered by <a href="http://www.ip2location.com" target="_blank">IP2Location.com</a>
</div>


Then, add this to your style sheet:



.widget-content
{text-align:left;
width:500px;
margin-left:auto;
margin-right:auto;}

[ArahMan7]

Thanks Veronica. I spent the whole day, since morning tweaking with the template and I finally did it. I enlarged the padding (thus making the center column smaller) of he main column and it fixed nicely on the screen. No more scroll bar at the bottom.

I'm gonna try your code, but without the width. Hopefully, the title, dates and welcome note will be "text align:left"

If only I can master HTML, there is so much you can do! Thanks for all the help, Veronica. See my new blog, http://web-directory.blogspot.com/ (http://web-directory.blogspot.com/)

Greeting from Malaysia.