Question

Как сделать, чтобы белая область контента на каждой странице была прямо до футера, и даже если там мало текста?

Answer 1

По верстке уж много перелопачивать надо. Проще поставить перед </body> скрипт, который вычислит высоту блоков и сделает их одинаковой.

<script>
$(function(){
  function divHeight(div){
    var h1 = 0, h2;
    div.each(function(){
      h2 = $(this).height();
      if(h2 > h1)h1 = h2;
    });
  div.height(h1);
  }
  divHeight($("#content > div"));
});
</script>

 

Comments

некорректно отображается на странице фотоальбомов http://www.kadetsfo.ru/photo

---

Иван Плотников,

В фотоальбоме у вас в шаблон не такой как на главной странице. На главной у вас

<div class="clear"></div>

стоит внутри контейнера #content, а в фотоальбоме снаружи.

Так же на главной у вас левая колона завернута в div id="sidebar", а в фотоальбоме уже div class="sidebar". И т.д. Это только то, что я бегло просмотрел и увидел.

Сравните шаблоны и увидите.

P.S. Чтобы уж совсем одинаковая высота была в скрипте замените строчку

if(h2 > h1)h1 = h2;

на

if(h2 > h1)h1 = h2*1-20;

 

---

Александр Леонов,

http://www.kadetsfo.ru/index/vesti_iz_regionov/0-13 не совсем одинаково

---

Иван Плотников,

что не одинаково? высота divов? http://joxi.ru/GrqXn3af1g5YAz

---

Александр Леонов,

Сделал фотоальбомы точно также, как и главую, но все равно не работает

---

Иван Плотников,

Чтобы на странице добавления материала не было каши заверните скрипт в условие

<?ifnot($PAGE_ID$=='add') || ($PAGE_ID$=='edit') || ($MODULE_ID$=='photo')?>
<script>
$(function(){
  function divHeight(div){
    var h1 = 0, h2;
    div.each(function(){
      h2 = $(this).height();
      if(h2 > h1)h1 = h2;
    });
  div.height(h1);
  }
  divHeight($("#content > div"));
});
</script>
<?endif?>

а в модуле фотоальбом попробуйте скрипт (без условий) поставить перед </head>. Вобщем попробуйте его поставить в другой части страницы

Там какой-то конфликт

---

Александр Леонов,

Огромное спасибо, хотя и с альбомами не выходит)