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

Тема: Height 100% внутри таблицы с произвольной высотой?

  1. #1

    Регистрация
    06.12.2006
    Сообщений
    50
    Вёрсткой занимаюсь довольно таки недавно, верстаю преимущественно таблицами. Возник вопрос:
    Есть Таблица1 из трёх колонок, у Таблицы1 один явно не указана высота (взависимости от количества текста в Колонках она меняется), в одну из ячеек Таблицы1 вложена таблица2 с двумя Rows'ами. Как сделать так, чтобы вторая строка (Row) Таблицы2 всегда была прибита к нижнему краю колонки Таблицы1 и была фиксированной высоты. Собственно кому не понятно - я файл приаттачил. Таблицу2 можно растянуть (приписать стиль height=100%) только если в колонке Таблицы1 будет явно указана высота, а так как она явно не задана Таблица2 не хочет растягиваться Как решить проблему ?

  2. #2

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Интересно Вы все излагаете. ))
    Дело в том, что Вы сами ответили на свой вопрос.
    Задумайтесь, как можно посчитать 100% от "ничего"?

    Максимум, что можно сделать в Вашем случае – выровнять вертикально вложенную таблицу по низу содержащей ее ячейки и задать для нижней строки вложенной таблицы необходимую Вам фиксированную высоту.

  3. #3

    Регистрация
    22.03.2007
    Сообщений
    124
    А если в первой таблице для нужного td сделать valign="bottom"?

  4. #4

    Регистрация
    06.12.2006
    Сообщений
    50
    Максимум, что можно сделать в Вашем случае – выровнять вертикально вложенную таблицу по низу содержащей ее ячейки и задать для нижней строки вложенной таблицы необходимую Вам фиксированную высоту.
    Чтот я запутался, а как же в таком случае реализовываются классический вариант - двух колоночный основной каркас (слева меню, справа контент). Когда меню длинное, а контент (состоящий из какой нить красиво оформленного контейнера) по длине явно проигрывает менюшке и весь контейнер каким то образом умудряется заняться всё свободое место внизу, тоесть растягивается на 100проц. СМОТРЕТЬ ПРИКРЕПЛЁННЫЙ ФАЙЛ Тоесть в примере нужно растянуть Таблицу3, чтоб под ней не было пустого места. Кучу сайтов видел с таким примером, но вот сейчас тольк не припомню ниодного а так бы исходный код глянул бы Возможно это опять же всеми извесная техника "Faux Columns" ? Возможно...

  5. #5

    Регистрация
    22.03.2007
    Сообщений
    124
    А нафига контент растягивать?
    У вас бордеры не нулевые?

  6. #6

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    misfit
    кстати мой вам совет, раз вы недавно начали верстать, то сразу учитесь делать это правильно при помощи блоков, дабы не забивать ум табличными шаблонами. поверьте, окупится это вам не раз.

  7. #7

    Регистрация
    06.12.2006
    Сообщений
    50
    А нафига контент растягивать?
    У вас бордеры не нулевые?
    Мало того что бордеры ненулевые, сам блок с контентом представляет из себя красивенький контейнер с бекграундом, тоесть чтоб после контента не оставалось пустое место, его надо растянуть... Вопрос остаётся открытым...
    кстати мой вам совет, раз вы недавно начали верстать, то сразу учитесь делать это правильно при помощи блоков, дабы не забивать ум табличными шаблонами. поверьте, окупится это вам не раз.
    На самом деле я скромничал, не признаю блочную вёрстку в чистом виде, разве что мешанную с табличной

  8. #8

    Регистрация
    06.02.2007
    Адрес
    Kazan
    Сообщений
    186
    не признаю блочную вёрстку в чистом виде
    ИМХО, не обижайтесь, но это глупо..

  9. #9

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    Originally posted by misfit@Apr 24 2007, 14:20
    [b]На самом деле я скромничал, не признаю блочную вёрстку в чистом виде, разве что мешанную с табличной
    можно поинтересоваться причиной?

  10. #10

    Регистрация
    22.03.2007
    Сообщений
    124
    Originally posted by misfit@Apr 24 2007, 13:20
    Мало того что бордеры ненулевые, сам блок с контентом представляет из себя красивенький контейнер с бекграундом, тоесть чтоб после контента не оставалось пустое место, его надо растянуть... Вопрос остаётся открытым...
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    А почему бы фон в первую таблицу не запихать?

  11. #11

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Xepec@Apr 24 2007, 11:08
    А если в первой таблице для нужного td сделать valign="bottom"?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Так об этом речь и шла...

    Originally posted by misfit@Apr 24 2007, 11:37
    Возможно это опять же всеми извесная техника "Faux Columns" ? Возможно...
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Не возможно, а именно...

    Originally posted by misfit@Apr 24 2007, 17:20
    На самом деле я скромничал, не признаю блочную вёрстку в чистом виде, разве что мешанную с табличной
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Эээ... простите...

    Originally posted by Xepec@Apr 24 2007, 19:21
    А почему бы фон в первую таблицу не запихать?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Ага, это новейшая техника. Назовем ее Table Faux Columns! )))

Похожие темы

  1. Проблема с высотой дива
    от Garret в разделе Вёрстка сайта
    Ответов: 1
    Последнее сообщение: 08.02.2010, 13:17
  2. Проблемы с высотой
    от method в разделе Вёрстка сайта
    Ответов: 2
    Последнее сообщение: 16.03.2009, 21:57
  3. Помощь в создании произвольной формы shape для Фот
    от Kristiw@ в разделе Растровая графика
    Ответов: 0
    Последнее сообщение: 09.02.2008, 00:32
  4. проблема с высотой в IE6
    от fenixnt в разделе Вёрстка сайта
    Ответов: 0
    Последнее сообщение: 30.10.2007, 14:19
  5. PHP внутри MySQL
    от OlegFox в разделе Веб-программирование
    Ответов: 5
    Последнее сообщение: 27.03.2006, 11:48

Ваши права

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