Posted 1 year ago #
I am having an issue with the sidebar on my blog. A couple of days ago I noticed that the sidebar was no longer on the side and somehow moved to the bottom. Can anyone give me some advice on how to fix this? I have looked for other posts on here regarding the same issue but have been unable to find a solution. My website is: http://www.adearaday.com
Thanks so much!
the error is in the 'Then and Now' post:
edit the post, using the html mode of the editor, and add <div> at the beginning.
Posted 1 year ago #
That seemed to change it a bit, but the sidebar is still at the bottom. Is it possible that I have errors in some of my other posts as well?
'Bahrain Dears, Part 2' seems to have an error as well;
in this case, the closing div </div> is missing at the end of the post content.
you can check every single post by clicking on the post title which will will lead you to single post view, where the sidebar error will appear for the posts with errors in the content.
Posted 1 year ago #
The problem seems to be in your underlying structure. You have your sidebar div (and your footnotes div) within your content div. I think that they should come after the content end div.
@lockettpots
you are generally right - one could get this conslusion by looking at the structure - using firebug or a similar tool; or from the html validator report.
however, if the underlying structure would be faulty, the error would be likely to shaow also in the paginated pages (following the 'next posts' link for instance) which is not the case.
in this site, the errors are created by non-matching opeing/closing divs in the post content.
demonstrated by the fact that only the faulty post(s) also show a misaligned sidebar in the single post view.
Posted 1 year ago #
I was able to resolve the problem by looking at my posts and fixing the ones without the <div> and </div> at the ends. Thanks so much.
Posted 1 year ago #
It looks as though the structure has been mis-interpreted by the browser because of the missing closing div. Effectively the content div doesn't get closed and the wrapper div closing tag is read by the browser as the content closing div so that the sidebar and footer are seen by the browser as being within the content div
Posted 1 year ago #
Sorry didn't see the previous posts before sending. (i had stopped in the middle for lunch :(
This topic has been closed to new replies.
