9 ноября 2009 в 23:36
Есть измененная стандартная тема оформления - Garland.
Но по высоте она не на всю страницу, а как сделать на всю?
что бы футер всегда был прижат к низу страницы, ну только кроме тех случаев когда min-height тому мешает.)
Менял стили в "нужных" местах, даже DOCTYPE менял на менее строгий... все равно
Максимум получилось сделать блок контента высотой ровно с высоту экрана, но это тоже не то, надо то бы изменялась при ресайзе...
Даже не знаю что менять теперь...
Пока что смог победить только непонятную полоску внизу "наполненной" страницы в ФФ. По рецепту.
А как растягивать не наполненные на всю высоту не понял.
Комментарии
http://www.4art.com.ua/article/8
Может поможет http://www.drupal.ru/node/36173
Когда я создавал этот пост мне удалось обойти проблему с помощью наполнения страниц.
Спасибо за ссылки, но они немного не про мою проблему.
У меня есть модифицированная тема Garland и одна из многих страниц с малым кол-вом контента. Так же у меня большое разрешение на мониторе и в итоге внизу страницы эта "непонятная область" занимает около 25%-30%, что вери бэд!
Собственно я пытался решить эту проблему с помощью firebug но он эту область вообще не определяет. Выставлял везде (где логично) height: 100% и min-height: 100%;, не дало результатов вообще.
Может я первый кто столкнулся с этой проблемой и не смог быстро решить... ) В любом случае, прошу совета!
Могу только выложить пример свёрстанной нужным макаром страницы, под себя портируете сами
ДА , было бы здорово!!!
Не думал, что так долго буду решать такую как казалось бы простую проблему. Т.е. не получается сделать высоту контента при малом заполнении сайта на 100%. т.е.нужна верстка примерно такая:
где header, content и footer по центру определенной ширины. Ну и при малом заполнении контента, контент растягивался на всю высоту экрана. но не получилось даже без хедера и футера растянуть контент определенной шириной на всю высоту экрана. Вот пример того, как я пытался сделать:
код в файле style.css написал:
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:
<center><div id="center_t">center</div></center>
</div>
использовал тему на основе bluemarine. Может кто нибудь сталкивался с такой проблемой и решил ее?)
Не поможет ли http://xhtml.ru/2005/10/18/footer-stick/?