Misalignments between Firefox and IE

Involves some JS

[gen3ric]

I have javascript that simply allows a table to appear when an image is clicked. It is a table with 2 rows, 1 column. Table on top includes the image that is not altered when "contracted". and then on the right of that image is the "contracted" or "expanded" image it changes to.

In FF it lines up perfect with a table width of 400px as assigned by the DIV. (The 2 images are 369 width, and 31 width = 400px) In IE, the js image is 'on top', as in there was not enough room in the table for both side by side so it moved it down. I figure there is some kind of discrepancy in the way IE and FF interpret HTML/JS.

Anybody have any thoughts or suggestions on how to remedy this?

[tedster]

Assuming that you have validated the HTML [validator.w3.org], my first guess is that your html document is being rendered in Quirks Mode. Our Quirks Mode vs. Standards Mode [webmasterworld.com] thread will give you summary information so you can decide if this is a direction to look into.

The big key is your DTD.

[gen3ric]

Ok thank you! I have validated and I have inserted the PROPER W3C DTD and it seems to work accordingly.

[tedster]

You're very welcome -- I wish every issue was so easily fixed.