MarkMushakian

IE 7 on XP and on Vista (may be 8 on Vista, I don’t use it regularly)
Sociable v4.2.9 – latest version just installed
Wordpress v3.3.2

I have discovered the root of the issue. I have my entire site within a div which is set to overflow:hidden. The browser recognizes that the More anchor tag should be at the top of the page, but since the containing element is set to hide any overflow, that is why the top of the page is being hidden from view.

I now have some redesign choices to face unless I can find a solution, but seeing as this is not a WordPress-specific issue, I’m marking this as resolved.

It happens, alchymyth ??

The start of the issue can be seen from this page: https://www.markmushakian.com/2011/11/page/3/

So, while attempting to validate that page, it revealed errors with the More link. I’d seen the peculiarities in the browser source file, but here they are presented as formal validation errors. Any suggestions or ideas on where it’s getting this strange structure from?

Error Line 133, Column 25: End tag p implied, but there were open elements.
<div class="keepReading">Keep reading…</div>

Error Line 132, Column 82: Unclosed element a.
… <a href="https://www.markmushakian.com/year-four/#more-6123" class="more-link">

Error Line 133, Column 50: End tag div seen, but there were open elements.
<div class="keepReading">Keep reading…</div>

Error Line 134, Column 7: End tag a violates nesting rules.
<p></a></p>

Error Line 134, Column 7: Cannot recover after last error. Any further errors will be ignored.
<p></a></p>

I do want it to jump, though.. unless I’m missing something else you intended me to see in that link. The problem is that I am not able to scroll up above wherever the More ID tag is in the post. Visually it is as if anything above where the “Keep reading…” link jumps to doesn’t even exist.

I’m still baffled. Shifting over to the untouched Twenty Eleven theme alleviates the problem, however the link output appears to remain the same for the “more” tag in both that and my customized theme. It’s going to the correct place on the page, since I don’t want my viewers clicking “Keep Reading…” and having to scroll down on the single-post page, it just happens to be (somehow) cutting off the top of the page. Basically, it’s acting like an ID should, but it also has this very bizarre effect that I’ve never seen an ID capable of doing before.

In the loop, I’m using a very simple:
<?php the_content('<div class="keepReading">Keep reading...</div>'); ?>

I’m not referencing the functions file here, so I’m under the assumption that it shouldn’t be affecting it.. not that I’ve changed it from the original theme I worked from. I don’t know what else would be affecting it or where to change it.

I have gone with the post_thumbnail method, and am no longer looking to use the image for a previous/next link, so I’m closing this.

What I really need, because I’d like to use this for a blog archive page, too, is to be able to access the individual entry’s permalink structure, and also to be able to place that within the linked image.

Thanks for the direction… I hadn’t found anything by means of searching, but I’ll keep looking. I’m working on another project now, but hopefully the solution you linked to will work like a charm ??