rambling_manI have a blog at http://justramblingon.co.uk in which I chronicle my walks with my dogs around the local countryside. Typically the posts include lots of pictures from the walks, with some text at the side of each one relevant to that image. The way I want my posts to look can be seen in this example:
http://justramblingon.co.uk/anglezarke/great-hill-and-round-loaf/
However, the only way I can get my posts to look that way in all the browsers is to put the images and text into a table to force the text to remain with the image. Otherwise all the browsers (except Internet Explorer) lay out the posts in this fashion:
http://justramblingon.co.uk/anglezarke/searching-for-more-waterfalls-in-lead-mines-clough/
As you can see, the text does not remain with the image I wrote it against. Now I know that Internet Explorer doesn't obey the rules of CSS layout, but it's the only browser that lays out my posts the way I intended them to be. Does anybody know of a way to make all the other browsers lay out my posts the same as IE, but without resorting to tables?
So far the only way I have of doing it is to make the image widths equal to the container width, as so:
http://justramblingon.co.uk/featured-post/great-hill-via-dean-black-brook/
but I don't like this layout, and prefer the first one I showed you. I really would appreciate help in resolving this problem.
