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

R

RaftKorn

Member
Joined
Feb 5, 2006
Messages
660
Reaction score
763
Age
38
Location
Киевская Русь!
: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%. И, действительно, если смотреть сраницу через Опера, то все нормально, а вот ИЕ начинает растягивать не только последний елемент меню, а каждый елемент пропорционально.
Собственно вопрос - как избавится от этого бага? Мне надо чтоб растагивался только последний елемент меню!
 
S

SDPsM

Member
Joined
Nov 13, 2006
Messages
23
Reaction score
1
Location
Odessa
Website
sdpsm.com
У тебя таблица... и растягиваться будет целый столбец.
Переделай в div.
 
V

viper

Member
Joined
Mar 16, 2004
Messages
570
Reaction score
201
Age
27
точно div тебе помогет :) а для таблицы в IE высоту не задаш. укажи хоть 100% он тебе все равно или не растянет или растянет но все.
для div тоже лучше указать высоту height: 100px; height: 98px !important;
где !important указывает что значение имеет приоритет в соответствии с спецификацией (типа объяснил :)). вобщем в этом случае у тебя будет разная высота div в Opera/Mozilla и IE но выглядеть будет одинаково.
 
Joker

Joker

Legendary
Hacker
Professional Carder
Joined
Dec 18, 2013
Messages
19,453
Reaction score
13,953
Awards
4
Age
26
Deposit
$ 8000
NeLLy said:
...вобщем в этом случае у тебя будет разная высота div в Opera/Mozilla и IE но выглядеть будет одинаково.
Click to expand...

и для чего это? а без этих шанств не одинаково разве?
 
V

viper

Member
Joined
Mar 16, 2004
Messages
570
Reaction score
201
Age
27
to joker ну эт на всякий случай... просто в IE 5, 6 и 7 выглядит по разному, а при указании одинково...
 
You must log in or register to reply here.
Top