Как увеличить высоту родного футера

[siniy]

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

 

версия opencart 1/5/1/3   шаблон на основе дефолтного.

[AlexDW]

Попробовал на дефолтном шаблоне ocstore 1513 - футер изначально резиновый, 32 статьи добавил ;)

 

вот код из stylesheet.css от него, экспериментируйте

#footer {
    clear: both;
    overflow: auto;
    min-height: 100px;
    padding: 20px;
    border-top: 1px solid #DBDEE1;
    border-bottom: 1px solid #DBDEE1;
    background: #F8F8F8;
}

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

[siniy]

Попробовал на дефолтном шаблоне ocstore 1513 - футер изначально резиновый, 32 статьи добавил ;)

 

вот код из stylesheet.css от него, экспериментируйте

#footer {
    clear: both;
    overflow: auto;
    min-height: 100px;
    padding: 20px;
    border-top: 1px solid #DBDEE1;
    border-bottom: 1px solid #DBDEE1;
    background: #F8F8F8;
}

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

 

 

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

 

вот css по футеру, как увеличить его высоту.

 

/* footer */

#footer {

    clear: both;

    height: 186px;

    padding: 20px;

    -webkit-border-radius: 5px 5px 0 0;

    -moz-border-radius: 5px 5px 0 0;

    -khtml-border-radius: 5px 5px 0 0;

    border-radius: 5px 5px 0 0;

    behavior: url(/PIE.php);

    border-left: 1px solid #01101B;

    border-right: 1px solid #01101B;

    border-bottom: 1px solid #01101B;

    background-image: url(../image/footer-blue.png);

     width: 938px; margin: 0px auto; position: relative; top: 55px;}

     

#footer h3 {

    color: #000000;

    font-size: 14px;

    margin-top: 0px;

    margin-bottom: 8px;

}

#footer .column {

    float: left;

    min-height: 100px;

}

#footer .column ul {

    margin-top: 0px;

    margin-left: 8px;

    padding-left: 12px;

}

#footer .column ul li {

    margin-bottom: 3px;

}

#footer .column a {

    text-decoration: none;

    color: #000;

}

#footer .column a:hover {

    text-decoration: underline;

}

#powered {

    margin-top: 5px;

    text-align: right;

    clear: both;

}

#footerimage{ background-image: url(../image/bottom-blue.png); width: 980px; height: 133px;

 margin: 0px auto; position: relative; top: 0px; text-align: center; line-height: 53px;}

div#footer div.column { padding-left: 20px;}

div#footer div.column h3 {

color: #CCCCCC; font-weight: normal;

    font-size: 15px;

    margin-bottom: 24px;

    margin-left: 5px;

    margin-top: 0px;

    width: 202px;}

div#footer div.column ul li { color: #fff;}    

div#footer div.column ul li a { font-size: 11px; color: #fff;}

div#footer div.column ul li a:hover { text-decoration: none; color: #0075e6;}

[112rub]

    height: 186px;

 

вот это свойство устанавливает высоту

[Tom]

Не самая лучшая идея выстраивать небоскрёбы в футере. Уж куда красивее вывести все их отдельно.Например этим 

 

https://opencartforum.com/files/file/1066-news-155-%D0%BD%D0%BE%D0%B2%D0%BE%D1%81%D1%82%D0%B8-155-v331/

 

переименовать если уж так критично из  Новости в Статьи и вставить ссылки в хидер и футер.

[siniy]

вот это свойство устанавливает высоту

 

 

увеличил с 186 до 250, результат не тот что нужен, смотрите скрин по ссылке

http://joxi.ru/52aR3XkflbNDA0

 

подскажите что еще подправить, чтобы всота футера возросла, но не было артефакта как на скрине? (темная полоска)

[AlexDW]

В первом же ответе привел, как по умолчанию прописано :-D

пробуйте вместо height: 250px; указать min-height: 250px; или какую вам там нужно высоту

 

вообще, при заморочках со стилями проще один раз дать адрес пациета, чем портянки кода выкладывать - ответ получите значительно быстрей  ;)

[siniy]

В первом же ответе привел, как по умолчанию прописано :-D

пробуйте вместо height: 250px; указать min-height: 250px; или какую вам там нужно высоту

 

вообще, при заморочках со стилями проще один раз дать адрес пациета, чем портянки кода выкладывать - ответ получите значительно быстрей  ;)

 

 

сделал как вы говорите, результат точно такой же как и ранее на скрине.

скинул пациента в личку, можете подскажите решение.

[AlexDW]

В файле stylesheet.css в секции кода #footer уберите top: 55px;

 

PS: не нужно писать в ЛС - пишите в общей теме. ЛС не резиновая, сообщения удаляются ;)

[AlexDW]

нет, результат тот же! футер не растягивается, а просто какая-то темная полоска широкая появляется

Чудес не бывает - у меня растягивается, на вашем сайте становится виден пункт "Сотрудничество", ранее до этого скрытый (под графиком работы)

[siniy]

Чудес не бывает - у меня растягивается, на вашем сайте становится виден пункт "Сотрудничество", ранее до этого скрытый (под графиком работы)

 

да, этот пункт становится видимым, но вы видите в каком виде эта растяжка происходит? у вас что не появляется полоса не того цвета по футеру?

[siniy]

спасибо за попытки и желание помочь, в итоге помог пользователь

kur1977