I have a table with the following structure: <table> <tr> <td rowspan="2" height="500" id="cell1"> </td> <td height="200" id="cell2"> </td> </tr> <tr> <td id="cell3"> </td> </tr> </table> Code (markup): The problem is that whenever the height of cell1 varies, the other 2 cells are both affected when only one should be ie cell2. This problem only occurs with IE. FF displays the table correctly. Is there any way (in IE) how I can vary the height of cell1 without affecting the height of cell3?
IE wants you to probably make a new table. I'd try maybe doing this with div tags it might work better in every browser... So it would go
I think the problem is you have the cell height of cell 2. Take the height off of it and leave cell three height at what ever you want. If that doesn't solve the problem, let me know.
Yes tables can be a little buggy when you are dealing with cell heights. The best way is to set the row heights if you want to keep them the same.