html Таблица, как сделать верхний столбец просто подгонкой под высоту содержимого, а нижний столбец занимает остальные - PullRequest
0 голосов
/ 03 февраля 2012

Застрял, используя приведенный ниже макет таблицы с большим количеством содержимого в столбце a и всеми столбцами с заданной шириной и с выравниванием по вертикали: top

    ----------------------------------------------
    |       |                          |         |
    |   a   |         b                |    c    |
    |       |                          |         |
    |       |                          |         |
    |       |                          |         |
    |       |--------------------------|         |
    |       |    d        |     e      |         |
    |       |             |            |         |
    |       |             |            |         |
    |       |             |            |         |
    ----------------------------------------------

У меня есть пример кода здесь:http://jsfiddle.net/cwQtK/

и мне нужно это сделать, когда столбец b такой же высоты, как и содержимое, поэтому он выглядит так, как будто содержимое в столбцах d и e идет сразу после содержимого в столбце b.

    ----------------------------------------------
    |       |                          |         |
    |   a   |         b                |    c    |
    |       |--------------------------|         |
    |       |     d       |      e     |         |
    |       |             |            |         |
    |       |             |            |         |
    |       |             |            |         |
    |       |             |            |         |
    |       |             |            |         |
    |       |             |            |         |
    ----------------------------------------------

Я могу взломать его, чтобы сделать то, что я хочу в Firefox (а Chrome из коробки делает это так, как я хочу), установив высоту столбца b меньше размера его содержимого.

http://jsfiddle.net/cwQtK/1/

Проблема в том, что это не работает в IE.

Кто-нибудь знает, как сделать этот тип макета?

1 Ответ

0 голосов
/ 07 марта 2012

Создайте b, d и e отдельную таблицу без заданной высоты, после чего она будет автоматически сокращена до содержимого.Таким образом, у вас будет одна таблица a, b, c, а затем внутри этой b-ячейки вы поместите текущий b, d, e

.
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...