On individual post pages the footer is full page width rather than fitting into content area

[Oyston]

Hi

 Just learning
Wordpress and love Weaver themes. Most of what I wanted to set up for my blog
has proven to be quite easy.

However, at http://www.johnoyston.com
the individual post pages (like http://oyston.com/blog/2015/03/30/do-doctors-have-to-park-their-beliefs-at-the-office-door/
) the footer section is too wide and breaks out of the content area.

I guess I messed up the settings somewhere but can’t figure
out where.

Thanks for any help.

[scrambler]

Your footer is being kicked outside of the wrapper, When this is not the result of Main Options > Footer > Full width options (which would affect all pages), this usually means you have some Bad HTML syntax in your content that breaks the flow of the page.

Read the thread below about using a Validator to detect errors, moistly the open closed tag errors and fix them.

http://forum.weavertheme.com/discussion/5626/checking-for-html-errors-using-a-validator

[Oyston]

Hi. Thanks for the tip. You are right, there is an unclosed tag. Now, let us see if I can figure out how ro fix that. Impressed by your support so far. John

[Oyston]

Hi again.It makes sense that an unclosed tag would cause the problems I am having.

 I ran the validator and it reported two unclosed tags in problem pages which are not there in other pages which display fine.

So it seems we have located the problem.

:

 Line 178, Column 253: Unclosed element article.

…n tag-ethics tag-medicine tag-religion content-single post-content post-area ">

and

 Line 222, Column 70: Unclosed element a.
					<a href="http://oyston.com/blog/author/johnoyston/" rel="author">
but if I go to view source it seems both tags are closed:


-ethics tag-medicine tag-religion content-single post-content post-area ">


and

<span class="vcard author post-author"><span class="fn">
					<a href="http://oyston.com/blog/author/johnoyston/" rel="author">
						View all posts by JohnOyston</span>					</a></span></span>





Also, these are areas where I did not edit the HTML directly, at most I customised the weaver theme within the options available.





Sorry about the weird formatting here.

Thanks



John

[Oyston]

Hi again. Sorry that was even more messed up than it seemed before I submitted it. Guess quoting HTML here is a problem.

Will try to  comment out the HTML so it dies not get read.

<!–

 Line 178, Column 253: Unclosed element article.

…n tag-ethics tag-medicine tag-religion content-single post-content post-area ">

 Line 222, Column 70: Unclosed element a.
					<a href="http://oyston.com/blog/author/johnoyston/" rel="author">
-->


But when I look at the code the tags seem closed to me:


<!--
<span class="vcard author post-author"><span class="fn">
					<a href="http://oyston.com/blog/author/johnoyston/" rel="author">
						View all posts by JohnOyston</span>					</a></span></span>

-->



and



<!--

<article id="post-245" class="post-245 post type-post status-publish format-standard has-post-thumbnail hentry category-issues category-medicine tag-abortion tag-contraception tag-ethics tag-medicine tag-religion content-single post-content post-area ">
		<header class="page-header">-->



Thanks!

[scrambler]

1) The biggest issue is a broken div sequence between line 215 and 226  (in RED below)
<div id=”author-info”>
 <div id=”author-description”>
  <div id=”author-avatar”>
   <img alt=” src=’http://1.gravatar.com/avatar/f3610f2f2b1f0a99a5990eec8400f716?s=75&amp;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D75&amp;r=G&#8217; class=’avatar avatar-75 photo’ height=’75’ width=’75’ />
  </div><!– #author-avatar –>

   <p class=”author-title”>About JohnOyston</p>
   <p>Anesthesiologist: Traveler and photographer: Environmentalist and Landowner: Netizen:</p>
   <span class=”vcard author post-author”><span class=”fn”>
   <a href=”http://oyston.com/blog/author/johnoyston/” rel=”author”>
      View all posts by JohnOyston</a></span></span>
    </div><!– #author-link –>
 </div><!– #author-description –>
</div><!– #author-info –>

You have a closing </div><!– #author-link –>  that does not have any opening. this is what causes a ripple effect in the div containers that messes everything

2) also in Line 221 -223, you have a bad nesting of span and link tags and an extra </span>
<span class=”vcard author post-author”><span class=”fn”>
<a href=”http://oyston.com/blog/author/johnoyston/” rel=”author”>
View all posts by JohnOyston </span></a> </span> </span>

The closing </a> tag should be inside the span and there is one too many </span>

 

[scrambler]

FYI, it looks like there is a bug in the latest version, @weaver will have to confirm.

It is in the Author section, so if you hide the Author info for now, it should fix the problem.

EDIT: Checking Main Options > Post Specifics > More Post related Options > Hide Author Bio, does solve the problem for now .

[Oyston]

Hi. Thanks, pleased to know it a bug in the theme and not me. Have removed the author info and all is well. Please let me know when the bug is fixed and how to install the fix. Great support, thanks Scrambler!

[scrambler]

Weaver has fixed it, it should be on WordPress.org soon as a new version (1.1.2)

[Author]

Posts