Question

Can anyone tell me why this breaks when i put an image tag there? It doesn’t break the layout when there’s only text, but when i add an image to the equation it messes up the layout like a float would.

I’ve tried float fixes but it didn’t work, and i have no idea how else to fix it.

http://samturrell.co.uk/liberty/

Any help would be much appreciated!

Edit:

So apparently the dyanamicpage.js script is setting the height to the wrong value when the page changes. Any ideas how to fix this?

Answer 1

It appears to me that you have two options if you can’t delete dynamicpage.js

1. you can explicitly set width/height to image if you know the dimensions for advance

2. if you don’t know them then try to change first line of the dynamicpage.js from:
   $(function() { to:window.addEventLinstener('load', function() {
   and remove dangling ) on the last one

this is because jQuery load event occurs before all images downloaded and for <img> does not have any width/height set to it browser does not know its height so it assumes 0px