Никак не получается сделать одну таблицу внутри другой по следующему принципу. Необходимо чтобы главная таблица состояла из 3 строк, 2 строчки фиксированной величины, третья (центральная) автоматически вычисляется, в этой же строчке необходимо вставить еще одну таблицу состоящую из 2 столбцов один фиксированной величины, второй - авторастягивается на оставшуюся часть срединной ячейки. По ширине все хорошо умещается на всю ячейку а вот по высоте в опере и IE8 не растягивается , подскажите что добавить или исправить? Вот то что я написал: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta http-equiv="content-language" content="ru" /> <style> html,body{ height:100%; margin: 0; padding: 0; } table { border: 0 none; border-collapse: collapse; } td, th { padding:0; margin:0; border: 0 none; } .mainTable{ width: 100%; height: 100%; } .maintop { background-color: #90C; height:200px; } .maincenter { background-color:#FFF; height: expression(document.documentElement.clientHeight - 200 - 100 + 'px'); } .mainbottom { background-color:#9F3; height:100px; } .inner { width: 100%; height: 100%; } .innerleft { width:150px; height: expression(document.documentElement.clientHeight - 200 - 100 + 'px'); background-color:#0FF; } .innerright{ height: expression(document.documentElement.clientHeight - 200 - 100 + 'px'); background-color:#FC3; } </style> </head> <body> <table class="mainTable"> <tr> <td class="maintop">верх</td> </tr> <tr> <td class="maincenter"> <table class="inner"> <tr> <td class="innerleft">левый центр</td> <td class="innerright">правый центр</td> </tr> </table> </td> </tr> <tr> <td class="mainbottom">низ</td> </tr> </table> </body> </html> Причем в опере и IE8 похоже что expression не робит... когда высоту в пикселях указываешь, они рисуют ячейки соответствующей высоты, а так только по содержимому.