Показано с 1 по 6 из 6

Тема: div по высоте ячейки

  1. #1

    Регистрация
    03.02.2007
    Сообщений
    2
    Это не так просто, как кажется!

    Вот код:

    <body>
    <table style="width:100%;">
    <tr>
    <td style="width:222px;">
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    </td>
    <td>
    <div style="width:100%; height:100%; background-color:#FF0000;">
    пачиму этот див не растягивается по высоте таблитсы???
    </div>
    </td>
    </tr>
    </table>
    </body>

    Всё предельно просто и логично... ан нет, не пашет! Как быть?

    Вот страница: [Только зарегистрированные пользователи могут видеть ссылки. ]

  2. #2
    Originally posted by CeMeH@Nov 9 2007, 13:42
    Это не так просто, как кажется!

    Вот код:

    <body>
    <table style="width:100%;">
    * <tr>
    * * <td style="width:222px;">
    * * * 1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    * * </td>
    * * <td>
    * * * <div style="width:100%; height:100%; background-color:#FF0000;">
    * * * * пачиму этот див не растягивается по высоте таблитсы???
    * * *

    * * </td>
    * </tr>
    </table>
    </body>

    Всё предельно просто и логично... ан нет, не пашет! Как быть?

    Вот страница: [Только зарегистрированные пользователи могут видеть ссылки. ]
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]</div>
    [/quote]


    Все прекрасно пашет. Обратите внимание на вот это: 1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1

  3. #3

    Регистрация
    03.02.2007
    Сообщений
    2
    Originally posted by fenixnt@Nov 9 2007, 13:35
    Все прекрасно пашет. Обратите внимание на вот это: 1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    1
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    И что?

    Забыл уточнить: надо чтоп был xhtml
    (
    Код:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "ЭйчТиТиПи://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">)

  4. #4
    Originally posted by CeMeH@Nov 9 2007, 14:39
    И что?

    Забыл уточнить: надо чтоп был xhtml
    (
    Код:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "ЭйчТиТиПи://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">)
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]</div>
    То что он и не будет растягиватся. Если убрать эти не нужные
    то див прекрасно растягивается. Проблема на мой взгляд в том что если принудительно увеличиваете высоту (бэрами) то див не будет растягиватся.

  5. #5

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by fenixnt@Nov 9 2007, 14:53
    Проблема на мой взгляд в том что если принудительно увеличиваете высоту (бэрами) то див не будет растягиватся.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Ересь какая...

    <div class='quotetop'>Цитата</div>
    Всё предельно просто и логично... ан нет, не пашет! Как быть?[/b]
    Необходимо понять, что высота в процентах может быть обсчитана только в том случае, если родительскому элементу (в Вашем случае – td) тоже задана высота. Причем задана явно.

    <div class='quotetop'>Цитата</div>
    Забыл уточнить: надо чтоп был xhtml[/b]
    Да зачем он Вам... Если бы Вы не пихали таблицы туда, где им быть не положено – тогда был бы смысл... А так – толку от Вашего xhtml никакого...

  6. #6
    Originally posted by Aykroyd@Nov 9 2007, 21:05
    Ересь какая...
    Необходимо понять, что высота в процентах может быть обсчитана только в том случае, если родительскому элементу (в Вашем случае – td) тоже задана высота. Причем задана явно.
    Да зачем он Вам... Если бы Вы не пихали таблицы туда, где им быть не положено – тогда был бы смысл... А так – толку от Вашего xhtml никакого...
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    Ясно. Извиняюсь за не точный ответ :blush2:

Похожие темы

  1. Порядок бордюров ячейки таблицы
    от null в разделе Вёрстка сайта
    Ответов: 3
    Последнее сообщение: 11.03.2010, 15:15
  2. Неправильная высота ячейки в ие!
    от mumus в разделе Вёрстка сайта
    Ответов: 8
    Последнее сообщение: 12.03.2008, 15:07
  3. 100% по высоте экрана
    от Andrulez-z-z в разделе Вёрстка сайта
    Ответов: 6
    Последнее сообщение: 17.07.2007, 00:46
  4. Изменить цвет фона ячейки таблицы
    от ptica в разделе Вёрстка сайта
    Ответов: 13
    Последнее сообщение: 13.02.2007, 04:20
  5. Как сделать таблицу по высоте 100%
    от Kostia в разделе Вёрстка сайта
    Ответов: 7
    Последнее сообщение: 31.03.2005, 21:36

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •