SkiF

Нужны, без них никак. Еще раз повторюсь: вложенные в DIV таблицы - это необходимость, т.к. они создаются автоматически, посредством innerHTML. Разбил код на строки, чтобы было более понятно.

Возможно кто-нибудь уже сталкивался с этой проблемой: В Mozill'e таблица (с colspan'ами, в которых также вложенные таблицы) отображается так: А в IE (я использую 8-ю версию) так: Никак не могу решить эту проблему, что только не пытался, и absolute и layout, ничего не помогло. Код примера: <style> html, body, table, div { font-family: Arial; font-size:12px; color:#060606; margin:0px; } table { border-spacing:0px; border-collapse:collapse; } td{ padding:0px; } .red_td{ border-collapse: collapse; border:1px solid black; border-bottom:0px; background:#dd1a1a; font-size:9px; width:100px; } .orange_td{ border-collapse: collapse; border:1px solid black; border-bottom:0px; background:#ed8601; width:100px; font-size:9px; text-align:center; cursor:default; } .green_td{ border-collapse: collapse; border:1px solid black; border-bottom:0px; background:green; font-size:9px; width:100px; } .white_td{ border-collapse: collapse; border:1px solid black; border-bottom:0px; background:white; width:100px; } .blue_td{ border-collapse: collapse; border:1px solid black; border-bottom:0px; background:#1c65ea; font-size:9px; width:100px; } </style> <table style="width:1000px"><tbody> <tr> <td colspan="3" style="width: 250px;"> </td> <th style="min-width: 90px;">Июнь 2010</th> <th style="min-width: 90px;">Июль 2010</th> <th style="min-width: 90px;">Август 2010</th> <th style="min-width: 90px;">Сентябрь 2010</th> <th style="min-width: 90px;">Октябрь 2010</th> <th style="min-width: 90px;">Ноябрь 2010</th> </tr> <tr> <td id="plusminus[1]"><div class="top_angle"></div></td> <td class="hl"><input id="posit[1]" value="top_" type="hidden"></td> <td style="padding-left: 3px; padding-right: 15px; min-width: 240px;"><b style="cursor: default;">1 категория</b></td> <td class="white_td"> </td><td class="white_td"> </td> <td class="white_td"> </td><td class="white_td"> </td> <td class="white_td"> </td><td class="white_td"> </td> </tr> <tr> <td class="vl"></td> <td colspan="100"><div id="child[1]" style="display: none;"></div></td> </tr> <tr> <td id="plusminus[2]"><div class="bottom_minus"></div></td> <td class="hl"><input id="posit[2]" value="bottom_" type="hidden"></td> <td style="padding-left: 3px; padding-right: 15px; min-width: 240px;"><b style="cursor: default;">2 категория</b></td> <td class="red_td"> </td><td class="red_td" > </td> <td class="red_td" > </td><td class="red_td"> </td> <td class="red_td" > </td><td class="red_td"> </td> </tr> <tr> <td class="vl"></td> <td colspan="100"><div id="child[2]" style="display: block;"> <table style="width: 100%;"><tbody> <tr> <td class="top_plus" id="plusminus[92]"><div class="top_minus"></div></td> <td class="hl"><input id="posit[92]" value="top_" type="hidden"></td> <td style="padding-left: 3px; padding-right: 15px;"><b style="cursor: default;">1</b></td> <td> </td><td class="red_td" > </td> <td class="red_td" > </td><td class="red_td" > </td> <td class="red_td" > </td><td class="red_td" > </td> <td class="red_td" > </td> </tr> <tr> <td class="vl"></td> <td colspan="100"><div id="child[92]" style="display: block;"> <table style="width: 100%;"><tbody> <tr> <td class="top_plus" id="plusminus[93]"><div class="top_minus"></div></td> <td class="hl"><input id="posit[93]" value="top_" type="hidden"></td> <td style="padding-left: 3px; padding-right: 15px;"><b style="cursor: default;">1.1</b></td> <td> </td><td class="red_td" > </td> <td class="red_td" > </td><td class="red_td" > </td> <td class="red_td" > </td><td class="red_td" > </td> <td class="red_td" > </td> </tr> <tr> <td class="vl"></td> <td colspan="100"><div id="child[93]" style="display: block;"> <table style="width: 100%;"><tbody> <tr> <td class="top_plus" id="plusminus[94]"><div class="top_minus"></div></td> <td class="hl"><input id="posit[94]" value="top_" type="hidden"></td> <td style="padding-left: 3px; padding-right: 15px;"><b style="cursor: default;">1.1.1</b></td> <td> </td> <td class="red_td"> </td> <td class="red_td"> </td> <td class="red_td"> </td> <td class="red_td"> </td> <td class="red_td"> </td> <td class="red_td"> </td> </tr> <tr> <td class="vl"></td> <td colspan="100"><div id="child[94]" style="display: block;"> <table style="width: 100%;"><tbody> <tr> <td class="top_plus" id="plusminus[95]"><div class="top_minus"></div></td> <td class="hl"><input id="posit[95]" value="top_" type="hidden"></td> <td style="padding-left: 3px; padding-right: 15px;"><b style="cursor: default;">1.1.1.1</b></td> <td> </td> <td class="red_td"> </td> <td class="red_td"> </td> <td class="red_td"> </td> <td class="red_td"> </td> <td class="red_td"> </td> <td class="red_td" > </td> </tr> <tr> <td class="vl"></td> <td colspan="100"><div id="child[95]" style="display: block;"> <table style="width: 100%;"><tbody> <tr> <td class="top_angle"><div class="top_angle"></div></td> <td class="hl"><input id="posit[27]" value="top_" type="hidden"></td> <td style="padding-left: 3px;"><span class="error" style="cursor: default;">2</span></td> <td class="red_td"> </td> <td class="red_td"> </td> <td class="red_td" > </td> <td class="red_td" > </td> <td class="red_td" > </td> <td class="red_td" > </td> </tr> </tbody></table> </div></td> </tr> </tbody></table> </div></td> </tr> </tbody></table> </div></td> </tr> </tbody></table> </div></td> </tr> </tbody></table> </div></td> </tr> </tbody></table> Кто-нибудь уже решал подобную головоломку? Сразу скажу, что вложенные в DIV таблицы - это необходимость, т.к. они создаются автоматически, посредством innerHTML.