Высота вложенной таблицы. Подскажите решение

Статус
В этой теме нельзя размещать новые ответы.
F

Fabys

Создатель
Регистрация
29 Май 2007
Сообщения
16
Реакции
1
Всем привет,

Народ, очень прошу помочь найти решение для вот такой вот ситуации.

Есть таблица, в одну из ячеек которой вложена ещё одна таблица. Задача состоит в том, чтобы вложенная таблица всегда оставалась по высоте, равной 100%, то есть заполняла бы ячейку основной таблицы.

По количеству вопросов найденных мной с сети на разных форумах, я так понимаю эта тема боян тот ещё, однако ни один совет пока из данных на форумах не принёс результата.

В конце поста маленький скрин, показывающий как надо (слева) и как есть (справа)

Известно, что doctype HTML 4.01 исключает наличие параметра height в теге <table>, где-то вычитал, что можно выйти из ситуёвины если заменить в коде строку:

Код: 
<!doctype html public "-//W3C//DTD HTML [B]4.01[/B] Transitional//EN">

на эту:

Код: 
<!doctype html public "-//W3C//DTD HTML [B]4.00 [/B]Transitional//EN">

то должен сработать параметр height. Попробовал - не получилось. Также пробовал решить вопрос с помощью css, задавал следующее:

1 вариант.

#wrapper {
height: 100%;
}

соответственно потом пытался присвоить таблице id="wrapper". Ничего не получилось.

2 вариант.

body, html {
height: 100%;
padding: 0px;
}

Снова ничего не получилось.

В общем отчаялся совсем,:confused: но уверен, что решение этому какое-то есть. Прошу помочь.:thenks:

Заранее благодарю.
 

Вложения

  • trbl.png
    trbl.png
    1,7 KB · Просмотры: 0
А пробовал задать ячейке внешней таблицы, в которой находится еще одна таблица, фиксированный размер (высоту, ширину)
*обычно я так и делаю - работает

хм, приведи текст кода который используешь

*не могу пока аттачменты видеть, 2поста всего, а нужно 3 =)



Приведи код, посмотрим, попробую помочь =)
 
Dogmat написал(а):
А пробовал задать ячейке внешней таблицы, в которой находится еще одна таблица, фиксированный размер (высоту, ширину)
*обычно я так и делаю - работает

хм, приведи текст кода который используешь

*не могу пока аттачменты видеть, 2поста всего, а нужно 3 =)



Приведи код, посмотрим, попробую помочь =)
Нажмите для раскрытия...

Да, спасибо, что откликнулся. Хз какой текст привести, выкладываю всю структуру. Прошу заметить, что возможно много чего лишнего там найдётся, но поскольку это скин для osCommerce я подругому ничего не мог придумать, просто кой-чего там добавил.

Проблемная таблица в приведённом коде отмечена комментами Мазздай :-]

HTML: 
<table border="1" width="100%" cellspacing="0" cellpadding="0">

  <tr>
    <td width="200" valign="top" align="center" height="2"></td>
    <td width="100%" valign="top" style="padding-top:2px; padding-left: 2px; padding-bottom: 2px;" rowspan="4">
	<!--Вот эта таблица мазздай! -->
	<table border="1" width="100%" cellspacing="0" cellpadding="0">
      <tr>
        <td colspan="3">
		<table border="1" width="100%" cellspacing="0" cellpadding="0">
          <tr>

            <td height="24"></td>
          </tr>
        </table>
		</td>
      </tr>
      <tr>
	  <td width="10"></td>
        <td><table border="1" width="100%" cellspacing="0" cellpadding="2" bgcolor="#E2F0F3">

          <tr>
            <td>&nbsp;</td>
          </tr>
        </table></td>
		<td width="10"></td>

      </tr>
      <tr>
        <td width="10" height="10"></td>
		<td height="10"></td>
		<td width="10" height="10"></td>
      </tr>
    </table>
	<!--Мазздай! -->
	</td>
  </tr>

  <tr><td align="center" height="24"></td></tr>
  <tr><td align="center" valign="top">
  <table border="1" width="200" cellspacing="0" cellpadding="0">
          <TR>
            <TD>
<table border="1" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td><table border="1" width="100%" cellspacing="0" cellpadding="0">
  <tr>

    <td></td>
  </tr>
  <tr>
    <td>&nbsp;</td>

  </tr>
  <tr>
    <td></td>
  </tr>
</table>
</td>
  </tr>
</table>
            </TD>
          </TR>
          <tr>
            <td>
<table border="1" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td height="14"></td>
    <td width="100%" height="14"></td>
    <td height="14" nowrap></td>

  </tr>
</table>
<table border="1" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td><table border="1" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td></td>
  </tr>
  <tr>
    <td align="center"></td>

  </tr>
  <tr>
    <td></td>
  </tr>
</table>
</td>
  </tr>
</table>
            </td>
          </tr>
          <tr>
            <td>
<table border="1" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td height="14"></td>
    <td width="100%" height="14"></td>
    <td height="14" nowrap></td>
  </tr>

</table>
<table border="1" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td><table border="1" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td></td>
  </tr>
  <tr>
    <td></td>

  </tr>
  <tr>
    <td></td>
  </tr>
</table>
</td>
  </tr>
</table>
            </td>
          </tr>
    </table></td></tr>
  <tr><td height="2"></td></tr>
</table>

Ну вот собсно.. основная таблица нормально и так тянется за счёт контента в левой части /меню там разные и всё такое/ а вот вложенная никак не хочет тянуться по высоте ячейки.

Блин:mad:

Заранее благодарю.
 
Непонятно почему не работает у тебя такой вариант

style="height:100%;" :eek:


<!--Вот эта таблица мазздай! -->
<table border="1" width="100%" cellspacing="0" cellpadding="0" style="height: 100%;">

у меня вроде все растягивается. хм можешь в аську постучаться, чтобы тут резину не тянуть, а сюда потом готовый вариант выложим, вдруг кому пригодится =)
 
Действительно , как сказал Dogmat , надо задать ячейке внешней таблицы, в которой находится Мазздай! таблица, значение для высоты .
Иначе получается недопонимание какое то . Сто процентов от чего ? От пустого места ? Нужно любое значение .


Код: 
[COLOR=#008080]<td[COLOR=#0000ff] width="100%" [COLOR=red]height="100%"[/COLOR] [/COLOR][/COLOR][COLOR=#008080]rowspan=[/COLOR][COLOR=#0000ff]"4"[/COLOR][COLOR=#008080]>[/COLOR]
	[I][COLOR=#000080]<!--Вот эта таблица мазздай! -->[/COLOR][/I]
	[COLOR=#008080]<table width=[COLOR=#0000ff]"100%" [COLOR=#008080]height=[/COLOR][COLOR=#0000ff]"100%"[/COLOR][/COLOR][COLOR=#008080]>[/COLOR][/COLOR]

А вот так заставляем работать в Опере:

Код: 
<tr [COLOR=red]height="100%"[/COLOR]>
    <td width="200" valign="top" align="center" height="2"></td>
    <td width="100%" [COLOR=royalblue]height="100%"[/COLOR] valign="top" style="border:1px solid #0000FF;padding-top:2px; padding-left: 2px; padding-bottom: 2px;" rowspan="4">
  [I][COLOR=#000080]<!--Вот эта таблица мазздай! -->[/COLOR][/I]
 <table border="1" width="100%" [COLOR=royalblue]height="100%"[/COLOR] cellspacing="0" cellpadding="0" style="border:1px solid #ff0000;">



А вот Safari хочет только фиксированый размер внешней таблицы.
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху