Monday, April 10, 2006

layout

for some reason, my index seems to want to hide at the bottom of my blog at the moment. So if you're looking for it, check the very bottom.

i've also changed the archiving so the page will only display about 20 or so posts. this should make it easier and quicker to load everything hopefully.

UPDATE: thanks to Sassan for the detailed tech tips on how to fix this.

2 comments:

Sassan Sanei said...

Here's the problem with the layout causing your index to go to the bottom of your page instead of to the right.

In your Blogger template, your main column (where your articles appear) is set to a width of 400 pixels. If any of your posts have content that is wider than 400 pixels, there is not enough room left for your sidebar (where your index appears) so it gets pushed to the bottom of your page AFTER your main column.

There are two articles on your main page where you have a width wider than 400 pixels:

---

1. The article titled "hoax emails: the hidden HIV needle" has a long link starting with http://urbanlegends.about.com... Since there are no spaces in a link, it takes up more than 400 pixels of width, pushing your sidebar to the bottom of your page. You could shorten the link, but you'll still have this problem occur from time to time, particularly if the reader has their text size set to larger than normal. So the solution is to go into Blogger and edit your template so that only first 400 pixels of the link text are displayed. (Clicking on the link will still work.) In your template, look for this text:

#main {
width: 400px;
float: left;
}

Replace it with:

#main {
width: 400px;
float: left;
overflow:hidden;
}

Adding overflow:hidden; will prevent long links from pushing your sidebar to the bottom of your page.

While you're editing your template, I'd appreciate it if you correct the link to my blog which you have as "http://sassansanei.com/" and replace it with "http://www.sassansanei.com/" so that Google can pick it up correctly. Please and thank you. :)

---

2. There is another problem: a blank article which has broken HTML code in it. There is no title on the article, but it is dated April 4 and located between "hoax emails: the hidden HIV needle" and "ads." Inside this article is the following code:

<object width="425" height="350"><param name="movie" value="

The rest of it is cut off. Not only does this not display anything, it sets a width of 425 which is wider than 400 pixels and again pushes your sidebar to the bottom of your page. The solution is either remove the code fragment above, or simply delete the article since it does not have any content anyway.

---

Make both these changes and your sidebar should appear on the right instead of the bottom of your page.

Hope this helps!

markoos said...

wow.

i've said it before and i'lls ay it again. you're a guru sassan.

many thanks mate.