IE ignores table column width

Hi!

I’m running into some problems making IE behave.

See http://www.clichespotting.com/#degreeshows

It’s the last column in the red table. It’s meant to be the the same width as the last column in the blue table. It works in every browser except IE.

I’m stuck. Can anyone tell me what’s going on there?

Thanks for your help!

Rather then telling you what is wrong, I’ll just give you a tip so you can learn to debug this stuff yourself.

Considering that both tables are similiar, and one works, and one doesn’t, What is different from the latter then the first? Finding that out and fixing it should resolve it for you.

Thanks for your help!

This is my problem. I’ve been analysing it closely, but I can’t see anything different. The red table has different content in the column in question, but I can’t see how this would have an effect.

The weird thing is that it works perfectly in other browsers and only IE doesn’t work. Can you point me in the right direction?

I appreciate your help!

I managed to get it down some by removing some margins and paddings, check that those are all the same. Also make sure that all your HTML is all the same.

If that doesn’t work, try rewritting your tables.

thank you! Can you say which margins and paddings you removed to fix it?

Hi,

I believe IE needs the table-layout fixed algorithm for ellipses to work.

e.g.


 #coming{table-layout:fixed;}


Excellent, Paul! This solves the problem. Lifesaver!

I had no idea this even existed :slight_smile: Lesson learnt.

Thanks a lot, you are a star!