sidebar appears at bottom of blog display

Check the width of all the content you have added to the sidebar. That is deliniated in this section of your CSS:

#sidebar {
float: left;
padding: 1.8em 20px 0 20px;
width: 230px;
font-size: 0.9em;
voice-family: "\"}\"";
voice-family: inherit;

width: 190px;
}

Anything you add to the sidebar wider than 230px’s (in some cases 190px’s) will break the format. That may include some of your links that are very long. The biggest offender is the large red colored img. It is way too large and most probably one of the problems.

BTW I use a variation of , if you would like to compare the two.

Exactly that. I use the same theme but it has been modified from what you have.

As I mentioned, it also may be some of the longer named links you have in the sidebar, although I still believe its something like an image.

Try this. Save your sidebar.php template as you have it now (either place it on your server or download it to your home box)

Then replace it with the original from the theme download.

If your sidebar display returns to normal there is little doubt it’s something you added to it.

UPDATE: I was just checking your site again and a light bulb went off because I opened your comment/individual page on the B Walters entry. The side bar displayed correctly.

Two things, first check that large FireFox image on your main page. It may be the problem.

Secondly it also may be one of the images you have posted in an entry. Call up each entry currently displayed on your index page as if you were going to comment on it. If one of them displays the sidebar incorrectly and has an image in it you found your problem.

The length of the links shouldn’t create the problem. What may be is the width of the image plus the wigth of your text in the post.

Here is an example when I had a similar problem. I use images to replace each posts title (with this <a href=”http://www.coldforged.org/archives/2004/11/11/image-replacement-for-entry-titles/
“>plugin). I posted an article and used a rather long title for it.

Because the title was wider than the width of the content section as set in the CSS it forced the sidebar to display at the bottom of the page in IE6, the display was normal in Firefox.

Take that post you linked to and either make the image smaller or delete it and see if the problem clears.

Quick suggestion: run the site through the W3C validator, and get it to validate. There are errors all over, and I can’t quickly tell if any might be an underlying cause. If you can clean that up, it eliminates a ton of possible issues.

-d

richards1052
you have to correct the html of all the posts from Typepad first.
why?
if you doesn’t you worked hard to repair your sidebar– I’m sure you’ll find a worcaround—

then you repair the html of the imported posts and your sidebar would be break again

the correct way is always
1.correct (x)html
2. css

The long titles (remember my titles are images) I refered to were my example of the same problem I encountered on my blog.

Forget I mentioned it if you are confused.

EDIT: I forgot that you had changed the entire width of your content section. the codes below are from the original theme. Whoever changed your CSS to the wider design has probably also added errors that need correcting. The basic idea below is still valid for your wider version.

Each section of your blog is set at a certain width. The content and the sidebar together is 750px wide, as seen in this code from your style sheet:
#wrapper {
margin: 0 auto;
width: 750px;
background-color: #FFF;
text-align: left;
}

Your content section is 520px wide plus some extra, as seen in this bit of code
#content {
float: left;
padding: 0 20px;
width: 520px;
voice-family: ""}"";
voice-family: inherit;
width: 480px;
}
html>body #content {
width: 480px;
}

This is the code for your sidebar:

#sidebar {
float: left;
padding: 1.8em 20px 0 20px;
width: 230px;
font-size: 0.9em;
voice-family: ""}"";
voice-family: inherit;

width: 190px;
}
html>body #sidebar {
width: 190px;

}

So what you end up with is a sidebar that is 230px wide plus the content width of 520px equals 750px the total width of your display.

If anything goes over that 750px total width your screwed and your display will shift the sidebar to the bottom of the page. You may feel confused becaused your images arn’t 230px wide or over 520px wide in the content but IT DOES make a difference.

In addition is the advice davidchait has given you. A page with a lot of validation errors will creat so many problems all other efforts to fix the sidebar may be futile.

I would be willing to bet, I haven’t looked, that the css you have for floating text around images are part of the problem. Do a search here, there are a few threads that give the correct code for wrapping text.