my pages are going crazy?

The text cutoff is because your <div id="short-post"... has max-height: 200px; overflow: hidden;. If you comment out either of these in your CSS you’ll find the rest of your text and picture.

The reason the pages render differently is because (wait for it …) the HTML/CSS is different. Pick one that is working correctly and then make sure the others are using exactly the same element structure using the same classes/ids.

One way of dealing with relatively complicated sub-elements of a page is to put them in their own .php file and then include them in the places where you need that exact code. That way you can get it right once and know that it will always be correct in all the places you invoke it.