Всем привет! Помогите разобраться... Ни когда такого не было, а тут хоп как на зло и появилось. Короче: есть сайт в нем идет таблица, в которой 3 строки: в первой строке шапка меню, во второй строке таблицас одной строкой и тремя ячейками (180px| 658px |180px), в третей футер. Так вот во второй строке вставлена таблица (180px| 658px |180px). В этой табличе три ячейки левая 180рх, центральная 658рх, правая 180рх. В центральной ячейке вставлена таблица с двумя строками. Тадлица имеет ширину 600рх. При такой ширине у меня начинают сжиматься левая и правая ячейка, что нарушает дизайн. Что делать не пойму. Помогите?!
Вот сам код страницы index.php:
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body marginheight="0" marginwidth="0">
<!-- Голова-->
<table cellpadding="0" cellspacing="0" class="table_body_width">
<tr>
<td align="right" valign="bottom" class="table_td_height_bg">
<table width="500" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top" class="td_menu" scope="col">Скрипты</td>
<td align="left" valign="top" class="td_menu" scope="col">Фильмы</td>
<td align="left" valign="top" class="td_menu" scope="col">Музыка</td>
<td align="left" valign="top" class="td_menu" scope="col">Игры</td>
<td align="left" valign="top" class="td_menu" scope="col">Софт</td>
<td align="left" valign="top" class="td_menu" scope="col">Контакты</td>
</tr>
</table></td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" >
<tr>
<td height="20" align="center" valign="top" class="td_center_kontent" scope="col">
<table cellpadding="0" cellspacing="0" >
<tr>
<td align="center" class="table_left_right_bg_top" scope="col">Реклама</td>
</tr>
<tr>
<td align="center" class="table_right" scope="col">Блоки рекламы</td>
</tr>
<tr>
<td align="center" class="table_left_right_bg_bottom" scope="col"> </td>
</tr>
</table>
<td align="left" valign="top" class="table_td_center_kontent">
<table cellpadding="0" cellspacing="0" class="v_table">
<tr>
<td class="v_td_top"> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</td>
<td align="center" valign="top" class="td_center_kontent" scope="col"><table cellpadding="0" cellspacing="0">
<tr>
<td align="center" background="img/menu_top.gif" scope="col">Реклама</td>
</tr>
<tr>
<td align="center" class="table_right" scope="col">Блоки рекламы</td>
</tr>
<tr>
<td align="center" background="img/menu_bottom.gif" scope="col"> </td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><br><img src="img/footer.gif" width="1024" height="35"></td>
</tr>
</table>
<!-- Голова-->
</body>
</html>
А вот код стиля:
/* CSS Document */
.table_body_width {width:1024px; border:0px;}
.table_td_height_bg {height:180px; background-image:url(img/header.gif); vertical-align:bottom;}
.td_menu {width:100px; font-family:Geneva, Arial, Helvetica, sans-serif; height:30px; padding-right:40px; border:0px;}
.table_td_center_kontent {width:658px; padding:5px;}
.td_center_kontent {width:183px; padding-top:5px; padding-left:3px; padding-right:3px;}
.table_left_right_bg_top { width:183px; border:0px; background-image:url(img/menu_top.gif);}
.table_left_right_bg_bottom { width:183px; border:0px; background-image:url(img/menu_bottom.gif);}
.table_left { width:183px; border:0px; background-color:#cccc99;}
.table_right { width:183px; border:0px; background-color:#cccc99;}
p {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px;}
body { margin-top:0px; margin-left:0px;}
/* Оформление таблицы вывода */
.v_table {border:1px solid #999999; width:600px;}
.v_td_top { background-color:#f6f6f6;}
.v_td_bottom { background-color:#CCCCCC;}
