Hi,

This is my first post to this forum. I've got a page with a table that renders fine in Firefox and Opera, but in Internet Explorer, the column widths go wonky - but only sometimes!

Here's a more complete description. The table on my page (http://www.smoothcoding.com/oldBubble/debug/bubble.html) is basically a "bubble chart." All the cells containing bubbles should be square. (In Firefox, they are.) If I go to this page in Internet Explorer, the cells containing bubbles are about 3 times their expected width. HOWEVER, if I force the page to redraw by zooming in and out or by going back/forward in the history and returning to that page, the cells become square as expected. To make things even more confusing, if I save the page (and its associated files) to my computer and open that local copy in IE, this bug doesn't happen.

I'm setting the cell widths both in the CSS stylesheet and the cells' html attributes, just to be sure. I'm using IE 6. For the life of me, I can't figure out what's going on. Does anyone have any ideas?

Thanks,
Sarah

A table is appropriate in this case.

It seems to be choking on the "width: n%; height: n%;" you've applied to the images. If you convert it to px values the problem goes away, at least in my own testing.

- Josh

Thanks deaghean, that seems to be the problem! I think I've got it working now, and I'll post the solution after the weekend.

I can't tell you how grateful I am!!

Thanks again for your help! I was pretty much at my wits' end. Yes, that turned out to be the problem - the images needed to use px instead of %. Also, to get it working on Opera, I had to change the doctype to xhtml 1.0 strict instead of html 4.01 transitional. Go figure!