Question

I’m facing a rather difficult issue at the moment; really appreciate your help.

I have a table with 2 columns, td1 and td2, and containing texts and both of which have fixed widths.

td1.width = 10px and td2.width = 20px

the fixed width are set at runtime one by one from the left using JQuery (as this table is nested inside another table…)

The text width may be longer than these fixed widths in which scenarios the expected behaviour is that

the fixed width of the columns should stay the same 1) if there are extra texts, the text should wrap, it should not increase or decrease the td width 2) if there are empty spaces, the cell width should not be reduced when resizing other columns or page; it should stay intact.

I have set the td.whitespace property to pre-wrap and td.word-wrap: break-word but they haven’t helped.

how would these be possible using css 2.0 (not 3.0)?

Thanks,

Answer 1

ok, I got it resolved. My table had thead and colgroups. Althought their display attribute was hidden, IE 9.0 ignores it whereas IE 6.0 takes them into account in calculating the width of columns!

I removed them using jquery and sorted out!

$(‘.myTable thead, .myTable colgroup’).remove();