HTML+CSS+JavaScript

Народ помогите!!!

Есть таблица с 3 ячейками, 2 из которых находятся по бокам и имеют фиксированную ширину в 200px, как сделать чтобы центральная ячейка всегда растягивалась по размеру оставшегося экрана не зависимо от браузера??? Проблема в том, что работает через раз в засимости от информации, которую вписываешь в центральную ячейку. Если информации много, то ура работает в трех браузерах (IE, Opera, Mozilla), если мало - то в Opere, IE не работает, а в Mozilla работает всегда. Подскажите, что я не так делаю, может нужен какой-нибудь скрипт или я просто не так сделала таблицу? И может ли это быть из-за большого количества вложенных таблиц???

На всякий случай код:

<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<!-- шапка -->
<tr>
<td width="100%" height="166">Здесь таблица шапка</td>
</tr>
<!-- меню -->
<tr>
<td width="100%" height="48">Здесь таблица в ней меню</td>
</tr>

<tr>
<!-- левая ячейка -->
<td width="200" rowspan="2">Здесь таблица с данными</td>
<!-- центральная ячейка, которая никак не растягивается -->
<td>Здесь таблица с данными</td>
<!-- правая ячейка -->
<td width="200" rowspan="2">Здесь таблица с данными</td>
</tr>
<!-- нужный элемент декорации в низу центральной ячейки -->
<tr>
<td>Здесь таблица с img</td>
</tr>
<!-- нижнее меню -->
<tr>
<td>Здесь таблица с нижнем меню</td>
</tr>
</table>

скиньте, пожалуйста, картинку с того броузера,в котором все хорошо выглядит. А то у меня эта таблица вообще не смотрится в ИЕ.

Как видно на картинке в IE и Opere почему-то растягиваются левая и правая ячейки, хотя у них стоит фиксированная ширина в 200px.

Извиняюсь код действительно не правильный :))
Вот правильный


<table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
<!-- шапка -->
<tr>
<td width="100%" height="166" colspan="3">Здесь таблица шапка</td>
</tr>
<!-- меню -->
<tr>
<td width="100%" height="48" colspan="3">Здесь таблица в ней меню</td>
</tr>

<tr>
<!-- левая ячейка -->
<td width="200" rowspan="2">Левая ячейка</td>
<!-- центральная ячейка, которая никак не растягивается -->
<td>Здесь таблица с данными</td>
<!-- правая ячейка -->
<td width="200" rowspan="2">Правая ячейка</td>
</tr>
<!-- нужный элемент декорации в низу центральной ячейки -->
<tr>
<td>Здесь таблица с img</td>
</tr>
<!-- нижнее меню -->
<tr>
<td colspan="3">Здесь таблица с нижнем меню</td>
</tr>
</table>

Не стоит зацикливаться на таблицах =) CSS - могут помочь реально избежать проблем.

Я по каким-то, непонятным даже мне причинам, предпочитаю обходиться без объединений ячеек)) я бы просто в том месте, где центральный блок (с тремя ячейками), вставил еще одну таблицу с этими самыми ячейками, а во второй прописал width=100%.

2Akira: имеются ввиду работа со слоями? Или я не так понял? Просто сам начал задумываться над этим вопросом..))

CSS -Каскадные таблицы стилей.
Слои это одна из многих их возможностей.
В частности они позволяют полностью избавить себя от талблиц, при помощи позиционирования. Но так же имеют свои подводные камни =)

Это все понятно, тогда скажи, как еще CSS может избавить от проблем с таблицами?)))
Меня интересуют плюсы решения со слоями, сможешь сформулировать в двух словах?
А теперь такой пример: стандартная страница - шапка, центр и низ. Позиционируем слоем шапку и центр, все ок. У центральной части высота не фиксированная. Может я чего не понимаю, но как теперь в зависимости от ее высоты, спозиционировать низ?

Задача достаточно просто решается:
Самой последней строкой таблицы должна быть строка с необъедененными ячейками, в которые для разметки поставьте прозрачные GIFы с размерами 1х1 пиксель. Укажите в размерах картинок нужные размены ячеек. Желательно, чтобы сумма размеров картинок получилась не больше 800 пиксель в ширину.
Размеры ячеек не ограничивайте по возможности -эту работу возлажите на прозрачные GIFы. Исключение - ячейки, которые должны растягиваться. Их значения выставьте в процентах (например -100%).

<table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0"> <!-- шапка --> <tr> <td bgcolor="#dcdcdc" height="166" colspan="3">Здесь таблица шапка</td> </tr> <!-- меню --> <tr> <td height="48" colspan="3">Здесь таблица в ней меню</td> </tr> <tr> <!-- левая ячейка --> <td width="199" rowspan="2">Левая ячейка</td> <!-- центральная ячейка, которая никак не растягивается --> <td bgcolor="#dcdcdc" width="100%">Здесь таблица с данными</td> <!-- правая ячейка --> <td rowspan="2">Правая ячейка</td> </tr> <!-- нужный элемент декорации в низу центральной ячейки --> <tr> <td width="100%">Здесь таблица с img</td> </tr> <!-- нижнее меню --> <tr> <td colspan="3" bgcolor="#dcdcdc">Здесь таблица с нижнем меню</td> </tr> <tr height="10"> <td width="199" height="10"><img src="(EmptyReference!)" alt="" height="10" width="200" align="middle" border="0"></td> <td width="100%" height="10"><img src="(EmptyReference!)" alt="" height="10" width="400" align="middle" border="0"></td> <td height="10"><img src="(EmptyReference!)" alt="" height="10" width="200" align="middle" border="0"></td> </tr> </table>

P.S. прозрачный GIF файл надеюсь высылать не надо ?
Вставьте ссылку на этот файл вместо (EmptyReference!)

Большое спасибо за ответы, все попробывала - все работает!!! :)