Blog breaking over footer, not formatting uniformly

Permalink Browser Info Environment
I'm putting about 30 blog posts up on the blog and it routinely breaks over the footer and sometimes they overlap each other. If I clear the cache that doesn't resolve the problem. If I reload the page multiple times sometimes they all line up right and they look great - but it's hit or miss. What gives? Am I doing some thing wrong? See images below.

1 Attachment

Type: Pre-Sale
Status: In Progress
genbmail
View Replies:
c5hub replied on at Permalink Reply
c5hub
It is difficult to say without seeing it properly. Do you have a URL we could take a look at please?
genbmail replied on at Permalink Reply
genbmail
Here's the URL. http://www.stem-cell-treatments.org/blog...

I haven't tried any other browsers, but it doesn't work well in Safari.
c5hub replied on at Permalink Reply
c5hub
We have tested in Safari, Firefox & Chrome without issue. How does this page render in your browser -http://fundamental.c5hub.com/blog... as this uses the same page list template...

If it renders fine then the issue would appear to be local to your site. I wonder whether there is some kind of timing issue, as there are a lot of posts on one page, perhaps this is breaking the layout. Technically there shouldn't be a limit to the amount of posts on a page but would be interested to know if this was the issue.
genbmail replied on at Permalink Reply
genbmail
That site with the blog formats fine on my computer. I'm going to have hundreds of blog posts over the next year, so for it to potentially break on just 30 or so is a major flaw and problem for me using it. do you have a suggestion to make this work? Thanks.
c5hub replied on at Permalink Reply
c5hub
There are no known issues that should break the layout even if there are a lot of posts but it is the only difference between what you have and our demo site as far as I can tell.

There is a script that waits for all of the images to load before aligning the content this is meant to avoid the issue you seems to have. We are struggling to understand why this does not work in your case...

One thing I could suggest in the mean time is turn on 'pagination' in the page list block... that way it will break the posts up in to multiple pages which may be preferable anyway to avoid a really long page. It may be worth trying this if only to see if it helps your issue.
genbmail replied on at Permalink Reply
genbmail
Where do I find the page list block to turn on pagination? Thanks.
genbmail replied on at Permalink Reply 1 Attachment
genbmail
Okay, I found how to turn on pagination but the issue continues. I'm attaching a screen shot of the blog posts breaking over the footer. They do this sometimes, not all the time. Also, the posts don't line up evenly most of the time. Sometimes a buffer between them - which they should have - sometimes not. And, sometimes they don't order correctly by the date. I have it set to have the newest blog post first, but sometimes the blog puts most of the blog posts in the correct date order and sometimes a few will be mixed up.

I'm working on a macbook pro. The formatting is an issue whether I use Safari or Firefox.

Here's a link to the page: http://www.stem-cell-treatments.org/blog...
genbmail replied on at Permalink Reply
genbmail
Hi - I'd love to find a fix on this. About to take the site live and hate to have the blog posts breaking over the footer. Any help would be appreciated.

Thanks.
c5hub replied on at Permalink Reply
c5hub
The problem we have is currently we can not replicate the issue you have i.e. it works for us just fine with our own site/s. It also appears to work with your site on our own Safari/Firefox & Chrome.

The only other thing that springs to mind is have you ensured all of the images you are using have been properly optimised? I have not checked in detail, but if you have large images or slow connection this could potentially slow down the ordering while in turn could effect the layout.
genbmail replied on at Permalink Reply
genbmail
Thanks for the reply. The issue continues. I have a webdeveloper helping me who works with C5 and the issue is happening on his computer too. The thumbnails are only 160 KB each. Has no one else had this problem with the blog? - seems odd I am the only one. It happens with fast internet connection and with slow. Site is now live and the thumbnails overlap each other and the break over the footer.http://www.resetourgov.org. Anything else we can look at to see what's going on? I'd love for the masonary layout to work.

Thanks.
c5hub replied on at Permalink Reply
c5hub
Currently there is no report of anyone else suffering from the same issue which leads us to think it is local to your site.

Looking at your blog page with developer tools open, I can see you have a javascript error which seems to point to the Google Map you have on the same page. It would be worth removing this and then clearing both site and browser cache to see if this helps. When testing it is best to eliminate any issues.
genbmail replied on at Permalink Reply
genbmail
Okay, map is gone. The map was just recently added, and the issue was happening before the map, but I took it off to help you see what's going on. Thanks for the quick reply.
c5hub replied on at Permalink Reply 1 Attachment
c5hub
Does the issue still persist for you after clearing your site and browser cache now that the map issue has gone?

We still can not replicate in any of our browsers, for instance see the attached screenshot of safari...
tabercreative replied on at Permalink Reply
tabercreative
I have the same issue with the Masonry page list template. Most of the time, the items overlap each other. I set the height of the thumbnail container div to a fixed height and that seems to have fixed the problem, but it's not an optimal solution.

The problem is very inconsistent. I experience it frequently at my office on a slow network, but other locations with faster connections do not seem to notice. It also seemed to occur much more frequently in a 3 column grid.
c5hub replied on at Permalink Reply
c5hub
By the sounds of it then, the issue only seems to happen when the connection is slow. Which would make some sense as the script may not have loaded in time to layout the items. however, having said that, there is already an accompanying script that is suppose to handle this problem when images are involved.

The only thing currently I can think to try is for us to update the masonry.js script to the latest version to see if any issues had been ironed out. The difficulty here is that this script is via a third party so difficult to diagnose.
genbmail replied on at Permalink Reply
genbmail
Thanks, tabercreative, for giving us your experience with it. For me it is happening on all speeds of network but seems to be worse on a slower network. But still happens even on fast networks. I am using 3 columns and have not made the adjustment in the thumbnail container.

One thing to note, Firefox seems to have less trouble, but it still has overlapping posts. Safari seems to be worse. Also, besides the overlapping posts, and breaking over the footer, it doesn't order them correctly (both firefox and safari and regardless of network speed). I have it set so the most recent is first and sometimes it gets most of the order right, and other times not.

I really like how the masonary template looks but would change to one of the other options given but they just don't look as good as masonary. Would really be fantastic to have this work, or have someone develop an awesome blog addon for C5.

Thanks for continuing to try and sort this out.
c5hub replied on at Permalink Reply
c5hub
Hi again. We have been working on this today, updating both the 'Masonry' and 'ImagesLoaded' scripts to the latest versions to see if this helps. Once the update is available we will be sure to let you know.

In regards to the slight 'miss' ordering of posts, this will probably be down to the way the script works - after all the whole nature of it is to try and fit the 'blocks' in the best possible way so they fit together.

Unfortunately it is hard for us to test whether the updated scripts help as we can not replicate the issue locally. We will be slightly reliant on you letting us know after the update.
genbmail replied on at Permalink Reply
genbmail
Hi guys - just checking in to see if you've made any progress on this issue. Thanks!
c5hub replied on at Permalink Reply
c5hub
Unfortunately we don't have an update yet.
jmairs replied on at Permalink Reply
jmairs
Just wanted to throw it out there: I see this issue on two different sites I run that use Fundamental. Like others have stated it's not easily reproducible. I'm sitting here with the team of one company with two Macs and two PCs; it seems to only happen in Safari on Mac in our testing this afternoon, and even then it doesn't happen every time.

Examples:
http://www.svlfreenews.com/news...
http://mdlaserstudio.com/blog

Look forward to an update. Thanks, c5hub!
c5hub replied on at Permalink Reply
c5hub
It is worth saying, that we have updated the Masonry script to the latest versions - this is available in Fundamental version 3.0.3 + so if you have not already, then you need to upgrade. This is to ensure that the script is using the most up to date and stable

From our testing, we are unable to replicate the issue currently.

concrete5 Environment Information

# concrete5 Version
Core Version - 5.7.5.3
Version Installed - 5.7.5.3
Database Version - 20150731000000

# concrete5 Packages
Block Designer (1.3.6), Fundamental (3.0.2), Red 5.7 (0.9.1), Thumb Gallery (1.0.3), Touch Gallery (2.0.8).

# concrete5 Overrides
languages/sv_SE/LC_MESSAGES/messages.mo, languages/sv_SE/LC_MESSAGES, languages/sv_SE, languages/it_IT/LC_MESSAGES/messages.mo, languages/it_IT/LC_MESSAGES, languages/it_IT, languages/el_GR/LC_MESSAGES/messages.mo, languages/el_GR/LC_MESSAGES, languages/el_GR, languages/nb_NO/LC_MESSAGES/messages.mo, languages/nb_NO/LC_MESSAGES, languages/nb_NO, languages/ru_RU/LC_MESSAGES/messages.mo, languages/ru_RU/LC_MESSAGES, languages/ru_RU, languages/de_DE/LC_MESSAGES/messages.mo, languages/de_DE/LC_MESSAGES, languages/de_DE, languages/tr_TR/LC_MESSAGES/messages.mo, languages/tr_TR/LC_MESSAGES, languages/tr_TR, languages/ja_JP/LC_MESSAGES/messages.mo, languages/ja_JP/LC_MESSAGES, languages/ja_JP, languages/fi_FI/LC_MESSAGES/messages.mo, languages/fi_FI/LC_MESSAGES, languages/fi_FI, languages/fr_FR/LC_MESSAGES/messages.mo, languages/fr_FR/LC_MESSAGES, languages/fr_FR, languages/pt_BR/LC_MESSAGES/messages.mo, languages/pt_BR/LC_MESSAGES, languages/pt_BR, languages/pl_PL/LC_MESSAGES/messages.mo, languages/pl_PL/LC_MESSAGES, languages/pl_PL, languages/da_DK/LC_MESSAGES/messages.mo, languages/da_DK/LC_MESSAGES, languages/da_DK, languages/nl_NL/LC_MESSAGES/messages.mo, languages/nl_NL/LC_MESSAGES, languages/nl_NL, languages/sv_SE/LC_MESSAGES/messages.mo, languages/sv_SE/LC_MESSAGES, languages/sv_SE, languages/it_IT/LC_MESSAGES/messages.mo, languages/it_IT/LC_MESSAGES, languages/it_IT, languages/el_GR/LC_MESSAGES/messages.mo, languages/el_GR/LC_MESSAGES, languages/el_GR, languages/nb_NO/LC_MESSAGES/messages.mo, languages/nb_NO/LC_MESSAGES, languages/nb_NO, languages/ru_RU/LC_MESSAGES/messages.mo, languages/ru_RU/LC_MESSAGES, languages/ru_RU, languages/de_DE/LC_MESSAGES/messages.mo, languages/de_DE/LC_MESSAGES, languages/de_DE, languages/tr_TR/LC_MESSAGES/messages.mo, languages/tr_TR/LC_MESSAGES, languages/tr_TR, languages/ja_JP/LC_MESSAGES/messages.mo, languages/ja_JP/LC_MESSAGES, languages/ja_JP, languages/fi_FI/LC_MESSAGES/messages.mo, languages/fi_FI/LC_MESSAGES, languages/fi_FI, languages/fr_FR/LC_MESSAGES/messages.mo, languages/fr_FR/LC_MESSAGES, languages/fr_FR, languages/pt_BR/LC_MESSAGES/messages.mo, languages/pt_BR/LC_MESSAGES, languages/pt_BR, languages/pl_PL/LC_MESSAGES/messages.mo, languages/pl_PL/LC_MESSAGES, languages/pl_PL, languages/da_DK/LC_MESSAGES/messages.mo, languages/da_DK/LC_MESSAGES, languages/da_DK, languages/nl_NL/LC_MESSAGES/messages.mo, languages/nl_NL/LC_MESSAGES, languages/nl_NL

# concrete5 Cache Settings
Block Cache - On
Overrides Cache - On
Full Page Caching - Off
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software
Apache

# Server API
cgi-fcgi

# PHP Version
5.5.30

# PHP Extensions
bcmath, bz2, calendar, cgi-fcgi, Core, ctype, curl, date, dom, ereg, exif, filter, ftp, gd, gettext, hash, htscanner, iconv, imap, intl, ionCube Loader, json, libxml, mbstring, mcrypt, mhash, mysql, mysqli, mysqlnd, openssl, pcre, PDO, pdo_mysql, pdo_pgsql, pdo_sqlite, pgsql, Phar, posix, pspell, Reflection, session, SimpleXML, soap, sockets, SPL, sqlite3, standard, tidy, tokenizer, xml, xmlreader, xmlrpc, xmlwriter, xsl, zip, zlib.

# PHP Settings
max_execution_time - 30
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 60
max_input_vars - 4000
memory_limit - 512M
post_max_size - 128M
sql.safe_mode - Off
upload_max_filesize - 128M
mysql.max_links - Unlimited
mysql.max_persistent - Unlimited
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
pgsql.max_links - Unlimited
pgsql.max_persistent - Unlimited
session.cache_limiter - <i>no value</i>
session.gc_maxlifetime - 1440
soap.wsdl_cache_limit - 5

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_1) AppleWebKit/601.2.7 (KHTML, like Gecko) Version/9.0.1 Safari/601.2.7

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.