By teachermatt on

My site http://progressiveeducator.org has suddenly decided to move the right sidebar and its three blocks to the left sidebar...but only on the front page. On all other pages the right sidebar block appear on the right side. I am not sure how this happened or more importantly how to fix it. The blocks are set to display on all the pages the same.

Thanks,
Matt

⋅ Categories: Drupal 5.x

Comments

nancydru’s picture

nancydru
she/her/hers
Primary language English
Location Boston
commented

I'm sure you've already checked the block settings.

I've seen blocks move when some module has too many or too few </div>.

Nancy W.
Drupal Cookbook (for New Drupallers)
Adding Hidden Design or How To notes in your database

NancyDru

teachermatt’s picture

teachermatt commented

The three block behave how they should (and how they have been) on every page except the front page. It is only on the front page that the three blocks get moved the the bottom of the left sidebar.

vm’s picture

vm commented

more then likely one of the blocks or one of the pieces of content have something wrong with the syntax.

I'm going to assume its one of the pieces of content you have published to the front page if its a new problem. you can run your page through a validator to see if your tags are in good shape. which taking a brief look they are not :

see: http://www.w3schools.com/site/site_validate.asp put your site into this and you will see that your markup is terrible. you have unclosed tags and tags embedded in tags all over the place. you will have to get as many of these errors fixed as possible where.

teachermatt’s picture

teachermatt commented

Yeah I checked the validation too..yikes! However, nothing about these blocks has changed and it is only these same three blocks that are shown on all the pages. They work on all but the front page.

patrickfgoddard’s picture

patrickfgoddard commented

When in doubt, validate! Then validate again!

I see lot's of html errors and unclosed tags (at least one unclosed div, that'll do it!).

Start with cleaning up the html and re-validating, then start debugging the css, then tags on that page compared to working, and on down the line.

I would also recommend taking out all the font tags and use css for styling. Will go a long way to making your code more maintainable (and standards compliant.)

reggie75’s picture

reggie75 commented

then maybe its something wrong with the html of the left blocks, or (depending upon how your template is structured, ) of the main page content.

try turning off the front page left blocks one by one and see if it makes a difference.

or check the source of the front page: are the opening-closing divs of the left block matching fine, or getting eaten up by any unclosed div in the left block html?

ps: did you edit the template at all recently?
try reverting back those changes too if you did.

goloka’s picture

goloka commented

Since the error is encountered on the front page only, the problem could be within one or more posts that have been promoted to the front page.

A quick way to zoom to the source of the problem would be to uncheck the "promote to front page" check box (under publishing options) for your recent posts, testing one by one until the error disappears.

I too encountered a similar problem and resolved it the same way. Thanks to VeryMisunderstood and others here for pointing me in the right direction. The link to the html and css validator helped to clean up some typos in my style.css!

teachermatt’s picture

teachermatt commented

I went back and realized the only thing I had done was change the font size on one of the articles that appears on the front page. Once I deleted the article everything was okay again. Man, I never realized what poor code that FCKeditor creates! I have since turned it off...and yet the html is still changed a little bit by something....

reggie75’s picture

reggie75 commented

you can try the htmlcorrector module.
it closes unclosed tags in nodes automatically.

kkkk’s picture

kkkk commented

I had similar problems with left sidebar missing and right sidebar being under main contents instead of to the right.

I found the reason to be, that I had copied some stories from one version of my site to another. These stories were first created with TinyMCE in the old 4.7 site, then I copied the contents from my web browser window using Ctrl-c and pasted into a TinyMCE window using Ctrl-v.

When I copied a story, I got not only the contents itself, but it was enclosed in <div class="content">" and </div> tags, and when pasted into the new TinyMCE window, these tags were added to the html, and this corrupted the final html output.

It was not a problem when viewing the full story, because the begin and end tags were matching, but in teasers the end tag would be cut out, and this is why it was a problem with posts that were promoted to the front page and also on some other pages with teasers.

Solution: Edit the story again in HTML mode and delete these tags from the beginning and the end of the story.

I had this problem with a number of themes, but not with Chameleon, probably because this is table-based and puts the sidebars into separate cells.

So try looking into the html of your stories, there may be som <div> tags that should be removed.