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

Question

Я создаю сайт для нашей церкви, и я использую joomla 2.5 для этого. Я использовал шаблон wsnone2. Я знаю немного кода, но не так много, я пытался поиграть, чтобы разобраться с этой проблемой, но я не могу это сделать. В основном, когда текста очень мало, здесь http://www.smass2.co.uk/index.php/en/hymns/annual/deacon-responses/liturgies нижний колонтитул поднимается и покрывает пространство. Как я могу остановить это, не фиксируя положение. я попытался использовать липкий нижний колонтитул ryanfait и несколько других, но это, похоже, не сработало. Может ли кто-нибудь дать мне больше предложений? если возможно, решение можно было бы выполнить с помощью CSS?

Спасибо.

Answer 1

На самом деле, это будет сложнее, чем на первый взгляд. У вас есть пара действий против вас здесь. Во-первых, ваш нижний колонтитул фактически содержится в 2 divs, region9wrap и region10wrap. Выполнение в виде @gartox предполагает только перемещение части нижнего колонтитула в нижней части страницы. Вам также нужно будет сделать то же самое для другой части. Для этого вам нужно будет это CCS -

.region9wrap { 
color: #999; 
position: fixed; 
left: 0px; 
bottom: 30px; /* height of div below*/ 
width: 100%; 
} 
.region10wrap { 
color: #999; 
position: fixed; 
left: 0px; 
bottom: 0px; 
height: 30px; 
width: 100%; 
} 

Это будет двигаться обе части колонтитула вниз, но теперь вы будете иметь огромную темную полосу, где ваш фон не распространяется на сноске. Теперь вам нужно исправить фон. Сначала вам нужно полностью удалить фон из region4wrap.

Затем добавить фон в тег тела -

body { 
background: url('http://www.smass2.co.uk/images/Cross.jpg') no-repeat #0D0D0D; 
} 

Это сделает фон простираться вплоть до колонтитула страницы, не вызывая большую темную полосу.

Answer 2

Вам нужно сделать, это:

В классе .region10wrap добавить эти свойства: значения

.region10wrap 
    color: #999; 
    position: fixed; 
    left: 0px; 
    bottom: 0px; 
    height: 30px; /* your height footer*/ 
    width: 100%; 
} 

Answer 3

Самый простой способ сделать это, чтобы иметь фон нижние колонтитулы на фактической странице (за весь сайт), поэтому, когда нижний колонтитул не может достигнуть дна, он будет выглядеть так, как будто он растягивается полностью вниз.