Table cells too wide in Mozilla, but OK in IE

Browser question - puzzling me for days!

[streetshirts]

I have just started a new site and I have come accross a problem that has had me puzzled for a couple of days.

The pages use a table (yes, i know) for layout and validates as html 4.01 Transitional. it displays fine on IE6 but on Firefox 0.9 the table apears really wide, and the cels are too large for the images. As a result the page looks poor.

Any ideas? Is it because firefox and IE display the pages differently (even though its valid html), or is it something I'm missing?

I have tried removing the DOCTYPE declaration and then the layout is fine on both browsers, but the css doesn't work in IE.

[BlobFisk]

Hi streetshirts,

Are you using absolute or relative widths for your tables?

Also, how much control over the tabel positioning (widths heights etc.) does your CSS have?

Does your CSS validate [jigsaw.w3.org]?

[streetshirts]

Hi,

ccs does nothing for the tables, just the text at the moment.

ccs validates fine through the w3c validator.

The table is a fixed width of 800, because of the images (created in fireworks)

[jam13]

It might be because you have no dimensions for any of your table cells - you are relying purely on images and spacers to size the cells.

I seem to remember before I stopped using tables for layout that this approach did cause some problems in Mozilla (and hence Firefox).

[tedster]

This has the sound of a Quirks Mode/Standards Mode [webmasterworld.com] issue to me. Does the information in that link help you fix anything?

<added>
Especially notice Message #3 about images in table cells.

[streetshirts]

tedster,

Right on the button as they say. Thanks very much for pointing me in the right direction. Got some nice new css and a good-looking site!

Steve

[tedster]

You're welcome - I only know because I also suffer through it! The first time I opened a standards mode layout in Mozilla I freaked out. It felt like everything I knew about HTML was wrong.