1. Задавайте здесь вопросы о коде, которые не подходят в другие разделы, такие как:
    Дизайн > Верстка
    PHP > Как сделать на PHP
    Скрыть объявление

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

Тема в разделе "Web Coding", создана пользователем Fabys, 14 июл 2007.

Статус темы:
Закрыта.
Модераторы: latteo
  1. Fabys

    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 КБ
      Просмотров:
      0
  2. Dogmat

    Dogmat Постоялец

    Регистр.:
    16 фев 2007
    Сообщения:
    122
    Симпатии:
    38
    А пробовал задать ячейке внешней таблицы, в которой находится еще одна таблица, фиксированный размер (высоту, ширину)
    *обычно я так и делаю - работает

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

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



    Приведи код, посмотрим, попробую помочь =)
     
    Fabys нравится это.
  3. Fabys

    Fabys Создатель

    Регистр.:
    29 май 2007
    Сообщения:
    16
    Симпатии:
    1
    Да, спасибо, что откликнулся. Хз какой текст привести, выкладываю всю структуру. Прошу заметить, что возможно много чего лишнего там найдётся, но поскольку это скин для 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:

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

    Dogmat Постоялец

    Регистр.:
    16 фев 2007
    Сообщения:
    122
    Симпатии:
    38
    Непонятно почему не работает у тебя такой вариант

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


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

    у меня вроде все растягивается. хм можешь в аську постучаться, чтобы тут резину не тянуть, а сюда потом готовый вариант выложим, вдруг кому пригодится =)
     
  5. shell

    shell Прохожие

    Действительно , как сказал 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 хочет только фиксированый размер внешней таблицы.
     
Статус темы:
Закрыта.