Проблема при создании таблицы в ХТМЛ

  • Тут может быть ваша реклама

RaftKorn

Турист
5 Фев 2006
660
21
118
38
Киевская Русь!
Credits
0
: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">&nbsp;</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">&nbsp;</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"

align="left">&nbsp;</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">&nbsp;</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"

align="left">&nbsp;</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">&nbsp;</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"

align="left">&nbsp;</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">&nbsp;</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"

align="left">&nbsp;</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">&nbsp;</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"

align="left">&nbsp;</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">&nbsp;</p>
<p style="text-indent: 15px; margin-left: 10px; margin-right: 10px"

align="left">&nbsp;</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">&nbsp;</td>
<td valign="top" width="10" rowspan="9" bgcolor="#B6B6B6">&nbsp;</td>
</tr>
<tr>
<td valign="top" width="10" bgcolor="#B6B6B6">
&nbsp;</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">&nbsp;</td>
<td valign="top" height="20" width="210" bgcolor="#B6B6B6">
&nbsp;</td>
<td valign="top" width="10" bgcolor="#B6B6B6">&nbsp;</td>
</tr>
<tr>
<td valign="top" width="10" bgcolor="#B6B6B6">&nbsp;</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">&nbsp;</td>
</tr>
<tr>
<td valign="top" width="10" bgcolor="#B6B6B6"></td>
<td valign="top" height="20" width="210" bgcolor="#B6B6B6">
&nbsp;</td>
<td valign="top" width="10" bgcolor="#B6B6B6"></td>
</tr>
<tr>
<td valign="top" width="10" bgcolor="#B6B6B6">&nbsp;</td>
<td valign="top" width="210" bgcolor="#E3E3E6">
Меню
4<p>Меню 4</p>
<p>Меню 4</p>
</td>
<td valign="top" width="10" bgcolor="#B6B6B6">&nbsp;</td>
</tr>
<tr>
<td valign="top" width="10" bgcolor="#B6B6B6">&nbsp;</td>
<td valign="top" width="210" bgcolor="#B6B6B6" height="20">
&nbsp;</td>
<td valign="top" width="10" bgcolor="#B6B6B6">&nbsp;</td>
</tr>
<tr>
<td valign="top" width="10" bgcolor="#B6B6B6">&nbsp;</td>
<td valign="top" width="210" bgcolor="#E3E3E6" height="100%">
Меню последнее</td>
<td valign="top" width="10" bgcolor="#B6B6B6">&nbsp;</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">
&nbsp;</td>
</tr>
</table>

</body>

</html>


Так в чем проблема:
Если поле в котором находится текст превышает размеры меню, по высоте, то меню начинает растягиватся, но мне надо, чтоб растягивался только последний елемент меню, я для этого задал ему параметры высоты 100%. И, действительно, если смотреть сраницу через Опера, то все нормально, а вот ИЕ начинает растягивать не только последний елемент меню, а каждый елемент пропорционально.
Собственно вопрос - как избавится от этого бага? Мне надо чтоб растагивался только последний елемент меню!
 

Viper

Турист
16 Мар 2004
570
52
68
41
127.0.0.3-www.microsoft.com
Credits
0
точно div тебе помогет :) а для таблицы в IE высоту не задаш. укажи хоть 100% он тебе все равно или не растянет или растянет но все.
для div тоже лучше указать высоту height: 100px; height: 98px !important;
где !important указывает что значение имеет приоритет в соответствии с спецификацией (типа объяснил :)). вобщем в этом случае у тебя будет разная высота div в Opera/Mozilla и IE но выглядеть будет одинаково.