Sidebar problems

You could start by clearing up the errors when validating your blog’s code. You can see where these errors are by clicking the “Valid XHTML” link in your sidebar.

Another thing to check is within the CSS file. Make sure that your sidebar width and your content width add up to less than the width of the blog. Don’t forget to add on any padding and/or margin elements you define (these are usually the culprit).

I’ve tried to fix the errors that come up, but everytime I do, something puts them all back! I edit the HTML, remove the spaces and characters that it’s pointing out, but when I hit “update” and look at the code again, all the changes I’ve made have been undone.

It’s just the posts with the photos, so I’m sure it’s something to do with them. If I preview the posts, everything looks fine until you scroll down to the footer, which is offset to the right by an inch or so. Some of the errors in the XHTML list are specificially to do with that bit of code that appears underneath the text of my posts.

I’m having the same problem. It does seem to have something to do with photos. I did have one photo that could have caused the problem, I tried to resize it using HTML. But even when I replaced the photo with a small file, it does not fix the problem once it’s broken…. Not even sure if this is the cause, but I can’t fix it now that it’s messed up. Even replacing or changing the theme does not fix the problem. My blog looks the same as yours, except with WordPress Classic 1.5. This theme works OK, but it’s not my favorite. Will take a look at the code next, but wish there was an easier fix.

I’ve tried to fix the errors that come up, but everytime I do, something puts them all back! I edit the HTML, remove the spaces and characters that it’s pointing out, but when I hit “update” and look at the code again, all the changes I’ve made have been undone.

What does that mean? How are you fixing things? Where are you fixing things? More information is required, and specifics would be better.

When I validate my stuff, I use FF web developer tools that allow me to click Check CSS/HTML directly from my web browser. BUT, after looking at my errors on W3C, I go into:

Admin >> Presentation >> Theme Editor >> MY CURRENT THEME

and tackle each error individually. Server permission is essential. Or, you can do this from your desktop and reload the C// file direction for re-checks, whatever thrills you.

Troubleshooting Images
If you can narrow the post down that is causing the problems, remove the image entirely and all reference to CSS/HTML coding. Just comment it out – don’t delete.

Then save the post and check again. If by removing that image (or multiple images) fixes your theme problem, then you know its directly related to that post and the post images.

Whenever I use images and float:right; float:left; etc, I always clear my html code so the floating element isn’t continued down the page.

<br clear="all" /> usually works. What CSS coding and/or HTML specifics are you BOTH using: ladyceres and Cynthia679?

Well I believe I’ve fixed mine…I checked the HTML of each post with pictures that seemed to be causing the problems and found some random code that, once removed, fixed the problems.

<div style=”clear: both”>
<div style=”clear: both; padding-bottom: 0.25em”></div>

I _honestly_ don’t know where it came from, or how it ended up in only 5 posts and none of the others. Thinking back, I literally had just finished importing the old images when I noticed this problem. It makes sense that removing this fixed the problem since I was only having presentation issues in layouts that used the <div> containers. I had no problem with anything based on the classic style.

In answer to your question KatGirl, I really hadn’t started using any specific coding yet. This was all a result of the image import from Blogger. When I checked for the valid XHTML, I assumed I had to go into the HTML of each post to fix the errors. I did as you said and removed the images in a specific post – there were still layout issues, so I cut the <div> text that I put above, and suddenly the layout was fixed. I will have a look at the Web Developer tools to see if this helps fix all the errors, which despite fixing my main problems, are still there.

Thank you ladyceres! I checked my posts that contained photos and sure enough just one post had this code:

<div style=”text-align: center”>
<div align=”left” style=”text-align: center” /></div>
</div>

I removed this code and problem fixed! (https://www.bissellblog.com). I too don’t know how it got there, but it’s the <div> code that is messing up the layout.