:help: Народ, проблема при создании таблицы в ХТМЛ, вот она сама (вся страница поделена на
таблицу):
<html>
<head>
<meta http-equiv="Content-Language" content="ru">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="Generator" content="MSHTML 6.00.2600.0" />
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="140">
<tr>
<td valign="top" height="10" width="100%" bgcolor="#B6B6B6"></td>
</tr>
<tr>
<td valign="top" height="100">
шапка</tr>
<tr>
<td valign="top" height="20" width="100%" bgcolor="#B6B6B6"></td>
</tr>
<tr>
<td valign="top" height="10" width="100%" bgcolor="#B6B6B6"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td valign="top" width="10" bgcolor="#B6B6B6"></td>
<td valign="top" height="10" width="210" bgcolor="#B6B6B6"></td>
<td valign="top" width="10" bgcolor="#B6B6B6"></td>
<td valign="top" width="10" height="10" bgcolor="#B6B6B6"></td>
<td valign="top" height="10" bgcolor="#B6B6B6"></td>
<td valign="top" height="10" width="10" bgcolor="#B6B6B6"></td>
</tr>
<tr>
<td valign="top" width="10" bgcolor="#B6B6B6"></td>
<td valign="top" width="210" bgcolor="#E3E3E6">
Меню
1<p>Меню 1</p>
<p>Меню 1</p>
<p>Меню 1</p>
<p>Меню 1</td>
<td valign="top" width="10" bgcolor="#B6B6B6"></td>
<td valign="top" width="10" rowspan="9" bgcolor="#B6B6B6"> </td>
<td valign="top" rowspan="9" bgcolor="#E3E3E6">
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left">
Текст</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left"> </p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left"> </p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left">
Текст</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left">
Текст</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left"> </p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left"> </p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left">
Текст</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left">
Текст</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left"> </p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left"> </p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left">
Текст</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left">
Текст</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left"> </p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left"> </p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left">
Текст</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left">
Текст</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left"> </p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left"> </p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left">
Текст</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left">
Текст</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left"> </p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left"> </p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left">
Текст</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left"> </td>
<td valign="top" width="10" rowspan="9" bgcolor="#B6B6B6"> </td>
</tr>
<tr>
<td valign="top" width="10" bgcolor="#B6B6B6">
</td>
<td valign="top" height="20" width="210" bgcolor="#B6B6B6">
<p style="margin-top: 0; margin-bottom: 0"></td>
<td valign="top" width="10" bgcolor="#B6B6B6"></td>
</tr>
<tr>
<td valign="top" width="10" bgcolor="#B6B6B6"></td>
<td valign="top" width="210" bgcolor="#E3E3E6">
Меню
2<p>Меню 2</p>
<p>Меню 2</p>
<p>Меню 2</p>
<p>Меню 2</p>
</td>
<td valign="top" width="10" bgcolor="#B6B6B6"></td>
</tr>
<tr>
<td valign="top" width="10" bgcolor="#B6B6B6"> </td>
<td valign="top" height="20" width="210" bgcolor="#B6B6B6">
</td>
<td valign="top" width="10" bgcolor="#B6B6B6"> </td>
</tr>
<tr>
<td valign="top" width="10" bgcolor="#B6B6B6"> </td>
<td valign="top" width="210" bgcolor="#E3E3E6">
Меню
3<p>Меню 3</p>
<p>Меню 3</p>
<p>Меню 3</p>
</td>
<td valign="top" width="10" bgcolor="#B6B6B6"> </td>
</tr>
<tr>
<td valign="top" width="10" bgcolor="#B6B6B6"></td>
<td valign="top" height="20" width="210" bgcolor="#B6B6B6">
</td>
<td valign="top" width="10" bgcolor="#B6B6B6"></td>
</tr>
<tr>
<td valign="top" width="10" bgcolor="#B6B6B6"> </td>
<td valign="top" width="210" bgcolor="#E3E3E6">
Меню
4<p>Меню 4</p>
<p>Меню 4</p>
</td>
<td valign="top" width="10" bgcolor="#B6B6B6"> </td>
</tr>
<tr>
<td valign="top" width="10" bgcolor="#B6B6B6"> </td>
<td valign="top" width="210" bgcolor="#B6B6B6" height="20">
</td>
<td valign="top" width="10" bgcolor="#B6B6B6"> </td>
</tr>
<tr>
<td valign="top" width="10" bgcolor="#B6B6B6"> </td>
<td valign="top" width="210" bgcolor="#E3E3E6" height="100%">
Меню последнее</td>
<td valign="top" width="10" bgcolor="#B6B6B6"> </td>
</tr>
<tr>
<td valign="top" width="10" bgcolor="#B6B6B6"></td>
<td valign="top" height="10" width="210" bgcolor="#B6B6B6"></td>
<td valign="top" width="10" bgcolor="#B6B6B6"></td>
<td valign="top" width="10" height="10" bgcolor="#B6B6B6"></td>
<td valign="top" height="10" bgcolor="#B6B6B6"></td>
<td valign="top" height="10" width="10" bgcolor="#B6B6B6"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="70">
<tr>
<td valign="top" width="333">
<p style="margin-top: 0; margin-bottom: 0">реквизиты</p></td>
<td valign="top">
</td>
</tr>
</table>
</body>
</html>
Так в чем проблема:
Если поле в котором находится текст превышает размеры меню, по высоте, то меню начинает растягиватся, но мне надо, чтоб растягивался только последний елемент меню, я для этого задал ему параметры высоты 100%. И, действительно, если смотреть сраницу через Опера, то все нормально, а вот ИЕ начинает растягивать не только последний елемент меню, а каждый елемент пропорционально.
Собственно вопрос - как избавится от этого бага? Мне надо чтоб растагивался только последний елемент меню!
таблицу):
<html>
<head>
<meta http-equiv="Content-Language" content="ru">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="Generator" content="MSHTML 6.00.2600.0" />
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="140">
<tr>
<td valign="top" height="10" width="100%" bgcolor="#B6B6B6"></td>
</tr>
<tr>
<td valign="top" height="100">
шапка</tr>
<tr>
<td valign="top" height="20" width="100%" bgcolor="#B6B6B6"></td>
</tr>
<tr>
<td valign="top" height="10" width="100%" bgcolor="#B6B6B6"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td valign="top" width="10" bgcolor="#B6B6B6"></td>
<td valign="top" height="10" width="210" bgcolor="#B6B6B6"></td>
<td valign="top" width="10" bgcolor="#B6B6B6"></td>
<td valign="top" width="10" height="10" bgcolor="#B6B6B6"></td>
<td valign="top" height="10" bgcolor="#B6B6B6"></td>
<td valign="top" height="10" width="10" bgcolor="#B6B6B6"></td>
</tr>
<tr>
<td valign="top" width="10" bgcolor="#B6B6B6"></td>
<td valign="top" width="210" bgcolor="#E3E3E6">
Меню
1<p>Меню 1</p>
<p>Меню 1</p>
<p>Меню 1</p>
<p>Меню 1</td>
<td valign="top" width="10" bgcolor="#B6B6B6"></td>
<td valign="top" width="10" rowspan="9" bgcolor="#B6B6B6"> </td>
<td valign="top" rowspan="9" bgcolor="#E3E3E6">
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left">
Текст</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left"> </p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left"> </p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left">
Текст</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left">
Текст</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left"> </p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left"> </p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left">
Текст</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left">
Текст</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left"> </p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left"> </p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left">
Текст</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left">
Текст</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left"> </p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left"> </p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left">
Текст</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left">
Текст</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left"> </p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left"> </p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left">
Текст</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left">
Текст</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left"> </p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left"> </p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left">
Текст</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"
align="left"> </td>
<td valign="top" width="10" rowspan="9" bgcolor="#B6B6B6"> </td>
</tr>
<tr>
<td valign="top" width="10" bgcolor="#B6B6B6">
</td>
<td valign="top" height="20" width="210" bgcolor="#B6B6B6">
<p style="margin-top: 0; margin-bottom: 0"></td>
<td valign="top" width="10" bgcolor="#B6B6B6"></td>
</tr>
<tr>
<td valign="top" width="10" bgcolor="#B6B6B6"></td>
<td valign="top" width="210" bgcolor="#E3E3E6">
Меню
2<p>Меню 2</p>
<p>Меню 2</p>
<p>Меню 2</p>
<p>Меню 2</p>
</td>
<td valign="top" width="10" bgcolor="#B6B6B6"></td>
</tr>
<tr>
<td valign="top" width="10" bgcolor="#B6B6B6"> </td>
<td valign="top" height="20" width="210" bgcolor="#B6B6B6">
</td>
<td valign="top" width="10" bgcolor="#B6B6B6"> </td>
</tr>
<tr>
<td valign="top" width="10" bgcolor="#B6B6B6"> </td>
<td valign="top" width="210" bgcolor="#E3E3E6">
Меню
3<p>Меню 3</p>
<p>Меню 3</p>
<p>Меню 3</p>
</td>
<td valign="top" width="10" bgcolor="#B6B6B6"> </td>
</tr>
<tr>
<td valign="top" width="10" bgcolor="#B6B6B6"></td>
<td valign="top" height="20" width="210" bgcolor="#B6B6B6">
</td>
<td valign="top" width="10" bgcolor="#B6B6B6"></td>
</tr>
<tr>
<td valign="top" width="10" bgcolor="#B6B6B6"> </td>
<td valign="top" width="210" bgcolor="#E3E3E6">
Меню
4<p>Меню 4</p>
<p>Меню 4</p>
</td>
<td valign="top" width="10" bgcolor="#B6B6B6"> </td>
</tr>
<tr>
<td valign="top" width="10" bgcolor="#B6B6B6"> </td>
<td valign="top" width="210" bgcolor="#B6B6B6" height="20">
</td>
<td valign="top" width="10" bgcolor="#B6B6B6"> </td>
</tr>
<tr>
<td valign="top" width="10" bgcolor="#B6B6B6"> </td>
<td valign="top" width="210" bgcolor="#E3E3E6" height="100%">
Меню последнее</td>
<td valign="top" width="10" bgcolor="#B6B6B6"> </td>
</tr>
<tr>
<td valign="top" width="10" bgcolor="#B6B6B6"></td>
<td valign="top" height="10" width="210" bgcolor="#B6B6B6"></td>
<td valign="top" width="10" bgcolor="#B6B6B6"></td>
<td valign="top" width="10" height="10" bgcolor="#B6B6B6"></td>
<td valign="top" height="10" bgcolor="#B6B6B6"></td>
<td valign="top" height="10" width="10" bgcolor="#B6B6B6"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="70">
<tr>
<td valign="top" width="333">
<p style="margin-top: 0; margin-bottom: 0">реквизиты</p></td>
<td valign="top">
</td>
</tr>
</table>
</body>
</html>
Так в чем проблема:
Если поле в котором находится текст превышает размеры меню, по высоте, то меню начинает растягиватся, но мне надо, чтоб растягивался только последний елемент меню, я для этого задал ему параметры высоты 100%. И, действительно, если смотреть сраницу через Опера, то все нормально, а вот ИЕ начинает растягивать не только последний елемент меню, а каждый елемент пропорционально.
Собственно вопрос - как избавится от этого бага? Мне надо чтоб растагивался только последний елемент меню!