1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

Как растянуть страницу по высоте окна браузера?

Главные вкладки

Аватар пользователя Cvalya Cvalya 9 ноября 2009 в 23:36

Есть измененная стандартная тема оформления - Garland.
Но по высоте она не на всю страницу, а как сделать на всю?
что бы футер всегда был прижат к низу страницы, ну только кроме тех случаев когда min-height тому мешает.)
Менял стили в "нужных" местах, даже DOCTYPE менял на менее строгий... все равно
Максимум получилось сделать блок контента высотой ровно с высоту экрана, но это тоже не то, надо то бы изменялась при ресайзе...
Даже не знаю что менять теперь...

Пока что смог победить только непонятную полоску внизу "наполненной" страницы в ФФ. По рецепту.
А как растягивать не наполненные на всю высоту не понял.

Комментарии

Аватар пользователя Cvalya Cvalya 12 января 2010 в 2:58

Когда я создавал этот пост мне удалось обойти проблему с помощью наполнения страниц.

Спасибо за ссылки, но они немного не про мою проблему.

У меня есть модифицированная тема Garland и одна из многих страниц с малым кол-вом контента. Так же у меня большое разрешение на мониторе и в итоге внизу страницы эта "непонятная область" занимает около 25%-30%, что вери бэд!

Собственно я пытался решить эту проблему с помощью firebug но он эту область вообще не определяет. Выставлял везде (где логично) height: 100% и min-height: 100%;, не дало результатов вообще.

Может я первый кто столкнулся с этой проблемой и не смог быстро решить... ) В любом случае, прошу совета!

Аватар пользователя Rustaman82 Rustaman82 14 июля 2010 в 20:06

Не думал, что так долго буду решать такую как казалось бы простую проблему. Т.е. не получается сделать высоту контента при малом заполнении сайта на 100%. т.е.нужна верстка примерно такая:

header
content
footer

где header, content и footer по центру определенной ширины. Ну и при малом заполнении контента, контент растягивался на всю высоту экрана. но не получилось даже без хедера и футера растянуть контент определенной шириной на всю высоту экрана. Вот пример того, как я пытался сделать:
код в файле style.css написал:

 html {
  height:100%;
}

body {
  margin: 0;
  padding: 0;
  color: #000;
  background-color: #fff;
  min-height:100%;
  font: 76% Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#container {
   background-image: url('images/bg_site.gif');
   min-height:100%;
   width:100%;
   position:absolute;
   text-align:center;
}
#center_t{
  height:100%;
  width:1024px;
  background-color: #fff;
  position:relative;
}

ну и код в page.tpl.php:

<div id="container">
   <center><div id="center_t">center</div></center>
</div>

использовал тему на основе bluemarine. Может кто нибудь сталкивался с такой проблемой и решил ее?)