Как прижать footer вниз?

#1 22 июня 2012 в 15:45

Создал шаблон с нуля но возникли проблемы с футером...
В страницах где мало информации, footer поднимается вверх, попробовал взять исходный код из _defoult_ но не помогло.

Telegram канал https://t.me/my_instantcms

#2 22 июня 2012 в 16:14

в styles.css в #footer{ перед } поставить bottom:99%; где 99 это в процентах, естественно ставишь сколько тебе надо.

Если тебе роют яму - не мешай, закончат - сделаешь себе бассейн.

#3 22 июня 2012 в 20:36

Поищи в инете, сделай тупо запрос в Гугле "Как прижать футер к низу сайта"
вот те раз zvirec.com/view_post.php?id=50
вот те два dimox.name/press_footer_bottom_with_css/
и так далее.
Да вот по первой ссылке много интересного в сфере дизайна на дивах, очень толково всё разжовано, даже есть видео, рекомендую.

http://aksucity.net

Сегодня в 16:33

#4 22 июня 2012 в 22:01

У него там меню, у меню стили, вот там и нужно рыть.

Если тебе роют яму - не мешай, закончат - сделаешь себе бассейн.

#5 22 июня 2012 в 22:11

Evanescence,

В страницах где мало информации, footer поднимается вверх,

Если я вас правильно понял то, поставьте для страницы min-height: 1ХХХХpx;

#6 22 июня 2012 в 22:55

Если я вас правильно понял то, поставьте для страницы min-height: 1ХХХХpx;
skaz

Не поможет у него в футере line-height:inherit а у него меню стоит.

в styles.css в #footer{ перед } поставить bottom:99%; где 99 это в процентах, естественно ставишь сколько тебе надо.
Коля

Пардон, не правильно сказал нужно margin-top:90%; но это то же не решение, как только модуль чуть длинней он все равно на модуль выпрыгивает. Нужно после margin-top:90%; вставить clear:both;
тобишь приблизительно вот так

#footer{
    height:50px;
    line-height:50px;
    background: #19283B;
    color:#FFF;
    text-shadow:0 1px 0 #000;
margin-top:50%;
clear:both;
}

Но с права появится прокрутка страницы. Стили меню смотри.

Если тебе роют яму - не мешай, закончат - сделаешь себе бассейн.

#7 22 июня 2012 в 23:07

методом научного тыка получается 41% уже нормальна. Я бы сказал хорошо. Evanescence у тебя как?

Если тебе роют яму - не мешай, закончат - сделаешь себе бассейн.

#8 23 июня 2012 в 14:37

Коля, не помогает, появляется отступ на 50%, на страницах где мало инфо вид нормальный но на главной станицах и тд отступ есть как будто несколько br br br написано,
может дело в моем style.css

 
body {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
}
...
#footer{
    height:50px;
    line-height:50px;
    background: #19283B;
    color:#FFF;
    text-shadow:0 1px 0 #000;
margin-top:50%;
clear:both;
}

вот template.php

 
<html>
...
</head>
 
<body>
 
<Table Width="100%" Border="0" CellSpacing="0" CellPadding="0"> <!------------ОСНОВНАЯ ТАБЛИЦА--------------->
 <Tr><Td style="background: #3B5998; border: 1px solid #000000;"><!------------ПЕРВАЯ ТАБЛИЦА ДЛЯ ЛОГО И МЕНЮ ПОЛЬЗОВАТЕЛЯ--------------->
  <Table Width="100%" Border="0" CellSpacing="0" CellPadding="0">
 <Tr><Td>
...дальше содержание сайта...
</Td></Tr>
</Table> <!-----------КОНЕЦ ОСНОВНАЯ ТАБЛИЦА--------------->
<div id="footer">fff</div>
    <script type="text/javascript">
        $(document).ready(function(){
            $('#topmenu .menu li').hover(
                function() {
                    $(this).find('ul:first').show();
                    $(this).find('a:first').addClass("hover");
                },
                function() {
                    $(this).find('ul:first').hide();
                    $(this).find('a:first').removeClass("hover");
                }
            );
        });
    </script>
</body>
</html>

Telegram канал https://t.me/my_instantcms

#9 23 июня 2012 в 15:19

<Table Width="100%" Border="0" CellSpacing="0" CellPadding="0"> 
08
<Tr><Td style="background: #3B5998; border: 1px solid #000000;">
09
<Table Width="100%" Border="0" CellSpacing="0" CellPadding="0">
10
<Tr><Td>

Evanescence

Зачем вот это.
Просто в template.php вставляешь по типу <div id=topmenu> берешь из своего примера меню, ну где то так, а в стилях по типу
#topmenu{
чего то там
и bottom-top: 20px;
или уже смотришь чем там регулируется отступ сверху в самом меню.
Но лучше стили меню в style.css все js в template.php до </head> само меню в файл по типу kuku.php или html его в /includes/myphp создаешь новый модуль в нем вставить сторонний скрипт и файл (kuku.php) выводишь где хочешь видеть, по идеи на всех страницах, чем лучше, можно ограничить доступ к меню.

Если тебе роют яму - не мешай, закончат - сделаешь себе бассейн.

как настроить ckeditor 3.6.

Убрать слово?

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Как прижать footer вниз?

InstantCMS Team

О проекте

Поддержка

Дополнения