Застрял на липкий колонтитул CSS проблема - PullRequest
Новая
       7

Застрял на липкий колонтитул CSS проблема

0 голосов
/ 12 июля 2010

Я знаю, что есть несколько других вопросов о липком нижнем колонтитуле, но, похоже, ни один из них не помог мне найти решение моей проблемы. Вот шаблон в вопросе:

http://blog.campquiet.com/stack/

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

Есть предложения ??

Обновление Может быть, я не так ясно, как мне нужно было. В основном я пытаюсь выполнить то, что видно здесь: hxxp: //www.cssstickyfooter.com/

Я не смог заставить это работать в моем шаблоне.

Ответы [ 2 ]

1 голос
/ 12 июля 2010

Вам необходимо установить корпус и внешний контейнер на 100% высоты. Этот ответ может помочь вам: CSS 100% высоты с отступом / полем

0 голосов
/ 12 июля 2010

Я не совсем уверен, что понимаю, о чем вы спрашиваете, но чтобы держать нижний колонтитул всегда внизу, возможно, попробуйте что-то вроде этого 

#footer{
    position: fixed;
    bottom: 0; /* Keeps the footer glued to the bottom of the page */
    z-index: 9999; /* Keeps the footer on top of all other elements */
}

Для фона, попробуйте применить CSSк тегу body? 

body{
    background: url(assets/images/bg_clouds.jpg) fixed 0 0;
}

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

Надеюсь, что это поможет.

ОБНОВЛЕНИЕ

Я играл с Firebug, чтобы редактировать ваш CSS.Я думаю, что если вы избавитесь от фона css в html, body {} и добавите его к своему body {}

body {
   background: url("assets/images/bg_clouds.jpg") repeat-x fixed 0 0 #F0F4F7;
}

..., он сохранит фон статичным даже при прокрутке.Это всегда будет там.Убедитесь, что у вас есть fixed вместо scroll

...