siniy

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

Рекомендуемые сообщения

siniy    13

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
AlexDW    818

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

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Tom    2 012

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

 

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    13

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

 

 

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

http://joxi.ru/52aR3XkflbNDA0

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
AlexDW    818

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

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
siniy    13

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

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

 

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

 

 

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
AlexDW    818

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
AlexDW    818
нет, результат тот же! футер не растягивается, а просто какая-то темная полоска широкая появляется

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
siniy    13

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
siniy    13

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

kur1977

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу