Форум hotibo.ru

Динамически меняйте высоту самого внутреннего блока при помощи JavaScript.

Тогда без вариантов.

qurksmode, 4 вложенные таблички, как в старые добрые времена

XXXVII написал:

Не ожидал, что на форуме hotibo.ru мне предложат верстать табличками;)

а вы табличные макетики не предлагайте

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

dark-demon написал:

гм.. гигантский паддинг и отрицательный гигантский марджин?

Тоже хотел подобное подсказть, вот рецепт на всякий случай (по англицки тут).

Отредактированно tapazukk (17.08.2011 22:46)

morozov написал:

Да ну. Не надо юзать для этого все колонки. я ее использую, когда совсем приспичит.

А вообще. На боди вешаешь height:100%. На главный див height:100%; min-width:100%

И уже там начинаешь позиционировать твою четыре картинки. попутно играясь с z-index.

не забудьте выложить решение, интересно

Спасибо преогромное!!! Это действительно работает и помогло мне разобраться с моей задачей:) Я безумно рад, что удалось обойтись без таблиц в данном случае

Читаем вот это /2005/10/18/footer-stick/ и делаем по аналогии (по сути задача к макету с подвалом сводится).

А еще желательно вот это: /2005/12/12/body_height_research/ чтобы понимать, где body по высоте экрана, а где - по высоте содержимого.

ЗЫ: а я бы абсолютным позиционированием такое делал. Но не советуют и самому привычнее иными способами

Обновил страницу.
добавить надо тока min-height:50%; и все

Отредактированно morozov (22.08.2011 11:34)

Посжимай в IE6 страницу вертикально и удивишься:))) картинки фантастически себя вести начинают

Спасибо, взял код за основу, это как раз очень подходящее мне решение. Правда никак не могу сделать, чтобы минимальная высота была 100%, но не менее определенного значения, например,  - 1000px. Может решение и простое, только уже у меня голова не варит?

Посидел немного и попробовал так

body {
  margin:0px;
  padding:0px;
  height:auto !important;
  height:100%;
  min-height:100%;
  text-align:center;
}

Все слои вкладываю в

#spacesaver {
  position: relative;
  height:auto !important;
  height: 736px;
  min-height: 736px;
}

а слой с контентом такой

#content {
  position: relative;
  height:auto !important;
  height: 736px;
  min-height: 736px;
  width: 100%;
}

Вроде, так работает.

Если кому интересно, то структура такая: слой на потолок, слой на пол, слой для ширины сайта и центровки, внутри - слой на потолок, слой на пол, слой с контентом:

  
 
  
 
  

    

    
 
    







      контент
    
  

фоны примерно такие:

#back_bottom {
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: url(/images/back_bottom_grad.gif) repeat-x left bottom;
  width:100%;
  height:356px;
  min-height:356px;
}

XXXVII написал:

Если интересно, здесь я реализовал решение morozov'а

если интересно, в 8 опере фона нет (хотя может в техзадании и нет этого браузера)