I seek a solution to a very weird problem. One of my websites has a few pages that are displaying incorrectly in IE8. They all look fine in Firefox and in Safari. I've even checked them over in the W3C validator tool and some of those displaying incorrectly in IE8 pass validation.
This particular page passed validation but shows the left text column very narrow. I've tweaked it offline in Dreamweaver to add a <td> width but to no avail.
Hello Harvey,
This is where I grovel and apologise that I didn't take time to give you a progress update! With the help of the wonderful Stu Nichols, I was able to substitute coding that rectified the problem. However, I still don't understand why the affected pages were displaying incorrectly. I have uploaded the original version of one of the pages causing the problem for you to inspect and you can see it is all over the place in IE8. The url is: http://www.penicuikpapermaking.org/rawmatoriginal.html
When I originally authored this website, I used my code containing the table/tr/td structure to display the columns of images and text and it still displays without any problem in the majority of the website pages. It seems to be only recently edited pages that were displaying incorrectly in IE8. Could it be my version of Dreamweaver that was causing the problem? I now use CS4 whereas I formerly used Dreamweaver 8.
It's a mystery to me why this happened to only around 9 of the pages on the site and I would like to understand why it happened as I much prefer using the table/tr/td structure to control the placing of images on the page.
Thanks for any observations.
Internet Explorer has issues with rowspan and colspan. In your example you have 3 columns two of which you gave a width of 140 but the first one (with the text starting with "Originally paper was made from cotton and linen rags, but such was the demand, that papermakers constantly sought alternative raw materials.")