Spacing always unpredictable

[behzad]

test.xarI made a test page. I have posted it here. Just move around a few articles and see how the spacing is inconsistent when viewed compared to that which is uploaded to the server.

[Acorn]

test.xarI made a test page. I have posted it here. Just move around a few articles and see how the spacing is inconsistent when viewed compared to that which is uploaded to the server.

behzad, perhaps we look at things differently.

I see placeholder code that declares different heights with a set 500px width. You instead chose a rectangle 311.5 x 37.1px. to cover them all.

I set all Placeholders to 500px wide.
I then ticked 'Re-generate placeholder image automatically' with 'Resize automatically' and gained the true height of each Post.
I finally set Push to be On so each Post had 10px of a gap when re-arranged.

As I don't use FB, I would probably never embed lots of single Posts but create a custom FB page and embed all of that. I've never tried though.
You way downloads 16MB of data taking over 6 seconds in my environment. I would be hacked off for a smart phone download of longer duration eating into my data llimit. Your test page also reports errors and warning copiously in the Developer Tools console.
At a minimum I would include loading="lazy" in the IFRAME; FB might require data-lazy="true" instead.

So FB is declaring approximate heights.
If you set the Placeholder widths to 500px, you then give Xara the chance to accurately scope the height. The icing is making each Post scared of any other by using Push.

My view is there's nothing wrong with the Xara approach.

Acorn

[behzad]

I appreciate your input, will try fixing it. Thanks again Acorn. You can delete my attachment if you wish.