Jump to content
Sign in to follow this  
siniy

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

Recommended Posts

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

 

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

Share this post


Link to post
Share on other sites

Попробовал на дефолтном шаблоне 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;
}

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

Share this post


Link to post
Share on other sites

Попробовал на дефолтном шаблоне 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;}

Share this post


Link to post
Share on other sites
    height: 186px;

 

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

Share this post


Link to post
Share on other sites

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

 

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

 

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

Share this post


Link to post
Share on other sites

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

 

 

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

http://joxi.ru/52aR3XkflbNDA0

 

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

Share this post


Link to post
Share on other sites

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

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

 

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

Share this post


Link to post
Share on other sites

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

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

 

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

 

 

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

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

Share this post


Link to post
Share on other sites

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

 

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

Share this post


Link to post
Share on other sites
нет, результат тот же! футер не растягивается, а просто какая-то темная полоска широкая появляется

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

Share this post


Link to post
Share on other sites

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

 

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

Share this post


Link to post
Share on other sites

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

kur1977

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.