Compila Exchange

Webdesigner help, webdesign software, html css tutorials

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.

Has anyone else had an experience like this, and most importantly, how to fix it?  The URL to check out is:
http://www.penicuikpapermaking.org/riverpoll.html

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.

Any comments/suggestions gratefully considered!

Views: 2

Replies to This Discussion

Hi,

I have viewed your site several times in Internet Explorer v8 and cannot see any problems with it compared to FireFox. Did you rectify the issues?

Regards

Harvey
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.
Hi,

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.")

You did not have a width value.

So try changing this code;

In my DreamWeaver it is line number 177

td bgcolor="#FFFFFF" rowspan="2" colspan="2"

to

td bgcolor="#FFFFFF" rowspan="2" colspan="2" width="95%"

It seems to have to be a % as opposed to a fixed width.

Please put the <> symbols back at the start and end of the line. I had to remove them here
to show you the code.

I tried it and it worked on the copy of the page I downloaded.

Hope it works for you

Regards

Harvey

RSS

Photos

Loading…
  • Add Photos
  • View All

Videos

  • Add Videos
  • View All

© 2012   Created by Compila Limited.

Badges  |  Report an Issue  |  Terms of Service