Растянуть таблицы на 100% высоты

[tt48]

Доброго времени суток еще раз.

Чтобы не наваливать все в кучу решил создать отдельную тему.

Есть макетик, он тянется и все такое прочее.

Суть вопроса в том, что в блоке с заданными (и реально отрабатываемыми) характеристиками

высоты - 100% - не удаётся растянуть табличку на всю высоту блока.

Валидацию прошел.

DOCTYPE strict xhtml

http://www.beavers-net.narod.ru/primers/search.html

Табличка с закругленные уголки. Должна занимать всю оставшуюся белой область.

Долбаюсь уже с ней недели две - все никак.

#middle - .content —- > table.table_papok

стили к ней http://www.beavers-net.narod.ru/primers/temp2.css

Еще вопрос по таблицам - в ИЕ пропадает нижний бордер к строкам в таблице с результатами поиска.

table.search_table--> со строки 162

http://www.beavers-net.narod.ru/primers/style_search.css

С уважением, Олег.

[Great Rash]

В коде разбираться лень, создайте тестовую страницу. На ней и будем экспериментировать.

У родителя высота задана? Может стоит сменить доктайп на transitional? Или вообще на HTML?

[tt48]

В коде разбираться лень, создайте тестовую страницу. На ней и будем экспериментировать.

У родителя высота задана? Может стоит сменить доктайп на transitional? Или вообще на HTML?

Не вижу смысла менять доктайп на более непредсказуемый.

Родитель тянется на 100%.

#middle {
  margin-bottom:0px;
  position  : relative;
  top       : -75px;
  min-height: 100%;
  border: 1px solid red;
  background: gray;
}
.content {
  background:none;
  margin-top:160px;
  margin-bottom:-32600px;
  padding-bottom:32600px;
  border: 1px solid white;
  background: white;
}

в middle находится растянутый content, в нем уже и сама табличка...

Тестовая страница - не совсем понял, что Вы имели ввиду..

В первом посте дал ссылку на неё вроде как.

[SelenIT]

В стандартном и "полустандартном" режимах (при полных Strict- и Transitional-доктайпах соотв-но, X- или не X- — один, простите за каламбур... результат высота в процентах наследуется только от явно заданной (т.е., чтобы растянуть что-то на весь экран, высота 100% должна быть явно проставлена всем его предкам, вплоть до html). Фактическая высота не наследуется никак (единственный способ растянуть по ней, который я знаю — position:absolute; top: 0; bottom: 0; + position:relative у предка). Имхо это дикая недоработка стандарта. margin-bottom:-32600px; padding-bottom:32600px; — не настоящее растягивание на высоту предка, а только его имитация (увы).

В quirks mode c растягиванием проще, но это не повод на него переходить (там не работают новые фичи и, полностью согласен, намного больше непредсказуемости).

[Great Rash]

Во-первых, я не предлагал переходить в QuirksMode, а предлагал сменить доктайп на transitional.

Во-вторых, где вы там увидели непредсказуемость?

В-третьих, у вас не задана высота - min-height: 100% != height: 100%;

[SelenIT]

не предлагал переходить в QuirksMode, а предлагал сменить доктайп на transitional

Насколько я в курсе, правила расчета высоты там те же, что в full standards mode (разница только в поведении картинок в ячейках, плюс случается упомянутая непредсказуемость с инлайн-блоками в IE8 и Опере).

[tt48]

Задание высоты у обоих обертывающих в 100% помогло...ну почти.

У них стоит overflow: hidden; потому они тут же все сгрызают.. Табличка растягивается,

но часть её обрезает, а ту, что видно, немилосердно разрывает на отдельные картинки.

На переходном и строгом - одно и тоже.

Получается что надо использовать только min-height, а с ним не растягивается (табличка).

Да и оперу новую чтот колбасит от Min-height:100%;

[Great Rash]

Насколько я в курсе, правила расчета высоты там те же, что в full standards mode (разница только в поведении картинок в ячейках, плюс случается упомянутая непредсказуемость с инлайн-блоками в IE8 и Опере).

Нет, высота (по крайней мере таблиц) в quirks mode рассчитывается иначе.

tt48, для вас выход: блок вместо таблицы, родителю position: relative;, блоку position: absolute; top: 0; bottom: 0; для IE7 и ниже expression.

[tt48]

Нет, высота (по крайней мере таблиц) в quirks mode рассчитывается иначе.

tt48, для вас выход: блок вместо таблицы, родителю position: relative;, блоку position: absolute; top: 0; bottom: 0; для IE7 и ниже expression.

Не выход - у меня табличка с теными и косым градиентом..

как это нормально сверстать на блоках - не нашел.

expression использовать тож не хотелось бы - говорят, виснет часто.

... Может быть, как есть оставлю...пущай себе футер убегает.

Спасибо за потраченное время.

Про нижний бордер в ИЕ - не сталкивались?

[SelenIT]

Great Rash, так всё-таки

я не предлагал переходить в QuirksMode, а предлагал сменить доктайп на transitional

или

высота (по крайней мере таблиц) в quirks mode рассчитывается иначе.

?

Насчет квиркса-то я как бы согласен...

[Great Rash]

Я думал речь идет о quirks mode...

[tt48]

А можно примерчик шаблона такого?

Просто я как начинаю себе представлять, что у родителя -100% высоты - это ладно,

у дочернего - 100%... Куда footer\header девать? при условии, что у дочернего круглые уголочки и все в рюшечках..

....

Всем, спасибо. Задачу решил не физическим растягиванием а фиктивным - присобачил низ таблицы к футеру,

родительскому контейнеру - background: url(../images/main_l.jpg) repeat-y left top;

дочернему background: url(../images/main_r.jpg) repeat-y right top;

В дочернем кусочек таблицы с верхом, но без низа.

..Немного непонятно, почему родительский блок разрывает,

если дочернему задать цвет фона..но это мелочи.

С уважением, Олег.

Edited October 25, 2010 by tt48