powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблица, которая в другой таблице, не хочет растягиваться по высоте
15 сообщений из 15, страница 1 из 1
Таблица, которая в другой таблице, не хочет растягиваться по высоте
    #37790747
user7320
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
У меня в таблице в строке есть две ячейки, в которых тоже по таблице (а вообще, может быть любое содержимое). Но одна из таблиц больше по высоте другой (не обязательно, как в примере ниже, может быть любая ситуация; главное, что одна больше других). Как оставшуюся таблицу выровнять по высоте с самой большой, чтобы маленькая тоже занимала всю высоту ячейки родительской таблицы?

Пробовал ставить для дочерних таблиц height: 100% в стилях, но это не сработало. В Opera Developer Tools показывает, что хотя в стиле и стоит 100%, но "вычисленный стиль" (фактические параметры) равен конкретному значению, которое нужно, чтобы вместить в себе содержимое. Т. е. дочерняя таблица не растягивается, а выравнивается по высоте по центру ячейки родительской таблицы. Больше никаких особых свойств по выравниванию у меня не стоит.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
<table>
  <tr>

    <td class="aaa">
      <table class="ccc">
        <tr>
          <td>Привет1</td>
        </tr>                            
      </table>
    </td>

    <td class="bbb">
      <table class="ccc">
        <tr>
          <td>Привет2</td>
        </tr>                            
        <tr>
          <td class="ccc">Привет3</td>
        </tr>                            
      </table>
    </td>

  </tr>
</table>
...
Рейтинг: 0 / 0
Таблица, которая в другой таблице, не хочет растягиваться по высоте
    #37790777
user7320
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Вот как это выглядит:

...
Рейтинг: 0 / 0
Таблица, которая в другой таблице, не хочет растягиваться по высоте
    #37790781
user7320
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Границы таблицы с "привет1" как раз по белому контуру - она не хочет растягиваться в высоту.
...
Рейтинг: 0 / 0
Таблица, которая в другой таблице, не хочет растягиваться по высоте
    #37791047
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
user7320Границы таблицы с "привет1" как раз по белому контуру - она не хочет растягиваться в высоту.
А с какой радости ей это делать?
По твоему огрызку кода она и не обязана куда-то растягиваться...
...
Рейтинг: 0 / 0
Таблица, которая в другой таблице, не хочет растягиваться по высоте
    #37791072
user7320
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsauser7320Границы таблицы с "привет1" как раз по белому контуру - она не хочет растягиваться в высоту.
А с какой радости ей это делать?
По твоему огрызку кода она и не обязана куда-то растягиваться...
А как сделать, чтобы растягивалась?
...
Рейтинг: 0 / 0
Таблица, которая в другой таблице, не хочет растягиваться по высоте
    #37791085
user7320
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
...
Рейтинг: 0 / 0
Таблица, которая в другой таблице, не хочет растягиваться по высоте
    #37791123
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
user7320А как сделать, чтобы растягивалась?
Звучит как приговор ...
...
Рейтинг: 0 / 0
Таблица, которая в другой таблице, не хочет растягиваться по высоте
    #37791131
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
user7320А как сделать, чтобы растягивалась?
Может вот это поможет...
...
Рейтинг: 0 / 0
Таблица, которая в другой таблице, не хочет растягиваться по высоте
    #37816671
user7320
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Теперь у меня по ширине вопросы.

Я хочу такую таблицу (с одной строкой):

Код: c#
1.
2.
   1  |     2    |  3
------|----------|----



Колонка 1 может растягиваться как ей угодно, но её содержимое должно быть прижато по центру влево. Колонки 2 и 3 должны иметь ширину не более своего содержимого (но при этом их ширина не должна задаваться жёстко), но с учётом маргинов и педдингов, и должны быть прижаты вправо, а их содержимое выравнено по вертикали по центру. Сама таблица тоже может растягиваться на всю ширину. Т. е. при растяжении таблицы может меняться только ширина колонки 1 - 2 и 3 должны остаться одинаковой ширины и прижатыми вправо.

Как это сделать, скажите, пожалуйста?
...
Рейтинг: 0 / 0
Таблица, которая в другой таблице, не хочет растягиваться по высоте
    #37817038
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
user7320 , ты картинко челе покажи чего замаклачить собрался...
Я сломался уже на этой фразе "Колонка 1 может растягиваться как ей угодно, но её содержимое должно быть прижато по центру влево ."
...
Рейтинг: 0 / 0
Таблица, которая в другой таблице, не хочет растягиваться по высоте
    #37817393
user7320
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsa user7320 , ты картинко челе покажи чего замаклачить собрался...
Я сломался уже на этой фразе "Колонка 1 может растягиваться как ей угодно, но её содержимое должно быть прижато по центру влево ."
Так я же нарисовал - таблица в одну строку с тремя ячейками. (С помощью этой таблицы я хочу сделать футер, т. к. на дивах это ещё сложнее, но это не важно.)

Поясню получше. Содержимое колонки 1 должно быть выравнено по вертикали по центру, а по горизонтали - влево. Содержимое колонок 2 и 3 должно быть выравнено по центру, а ширина этих колонок - не больше их содержимого, с учётом отступов для этого содержимого. При этом, если растягивать таблицу по ширине, то колонки 2 и 3 должны без изменения своих размеров находиться в таблице справа, а колонка 1 - растягиваться.

Какие свойства таблицы и стили для неё написать, чтобы получилось так, как я хочу?

Цветные квадратики - содержимое ячеек, оно может менять свои размеры. Сама таблица может растягиваться. Но при всех этих воздействиях компоновка должна оставаться такой, как указано.

...
Рейтинг: 0 / 0
Таблица, которая в другой таблице, не хочет растягиваться по высоте
    #37817395
user7320
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Если кто-то подумал, что всё просто и очевидно - то это не так. Я уже перепробовал что только можно - либо разваливается общая компоновка страницы, либо не хочет содержимое выравниваться.
...
Рейтинг: 0 / 0
Таблица, которая в другой таблице, не хочет растягиваться по высоте
    #37817396
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
user7320, так что-ли?
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
<!DOCTYPE HTML>
<html>
  <head>
    <style>
      table { border-collapse: collapse; width: 100% }
      th, td { border: 2px dashed black;
    </style>
  </head>
  <body>
    <table>
      <colgroup valign="middle">
        <col width="100%"/>
      </colgroup>
      <tr>
        <th>1</th>
        <th>2</th>
        <th>3</th>
      </tr>
      <tr>
        <td>
          Содержимое колонки 1
        </td>
        <td>
          Колонки 2
        </td>
        <td>
          Колонки 3
        </td>
      </tr>
    </table>
  </body>
</html>
...
Рейтинг: 0 / 0
Таблица, которая в другой таблице, не хочет растягиваться по высоте
    #37817403
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Или так:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
<!DOCTYPE HTML>
<html>
  <head>
    <style>
      table { border-collapse: collapse; width: 100% }
      th, td { border: 2px dashed black; white-space: nowrap; }
    </style>
  </head>
  <body>
    <table>
      <colgroup valign="middle">
        <col width="100%"/>
      </colgroup>
      <tr>
        <th>1</th>
        <th>2</th>
        <th>3</th>
      </tr>
      <tr>
        <td>Содержимое колонки 1</td>
        <td>Колонки 2</td>
        <td>Колонки 3</td>
      </tr>
    </table>
  </body>
</html>
...
Рейтинг: 0 / 0
Таблица, которая в другой таблице, не хочет растягиваться по высоте
    #37817430
user7320
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
автор<col width="100%"/>
Это оказалось ключевым - спасибо.
...
Рейтинг: 0 / 0
15 сообщений из 15, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблица, которая в другой таблице, не хочет растягиваться по высоте
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]