Плавающий footer

<?php // Это файл в /layouts/components/com_component/your_layout.php?><input type="hidden" name="task" value=""><input type="hidden" name="return" value="<?php echo $input->getBase64('return'); ?>"><input type="hidden" name="forcedLanguage" value="<?php echo $input->get('forcedLanguage', '', 'cmd'); ?>"><?php echo HTMLHelper::_('form.token'); ?>

// В Controller/View добавляем поля$this->form ->addControlField('task', '') ->addControlField('return', $input->getBase64('return', '')) ->addControlField('forcedLanguage', $forcedLanguage);

v.4.1.0. Что нового?

Редактирование метаданных изображений. Теперь метаданные можно не только читать, но и напрямую редактировать и записывать обратно в изображение JPG. Поддерживаются данные EXIF и IPTC.

Полная совместимость с Joomla! 4.x, 5.x и 6.x. Компонент почистили от устаревших методов в коде.

Заметно ускорили загрузку больших галерей. Списки в админке, особенно для очень больших галерей ( >30 000 изображений), теперь загружаются значительно быстрее.

Несколько сеток lightGallery на одной странице. Будь то плагины контента или модули изображений: теперь вы можете отображать несколько галерей или категорий на одной странице без каких-либо ограничений.

Множество мелких исправлений ошибок и оптимизаций.

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

Код


<html>
<head>
</head>
<body>
<header>
</header>
<div class="wrapper">
    <jdoc:include type="message"/>
    <jdoc:include type="component"/>
</div>
<div id="zaglushka"></div>
<footer>
</footer>

Вот CSS;

Код


* {
  margin: 0;
  padding: 0;
}

HTML, body {
  height: 100%;
}

body {
    background: #081013;
    color: #FFFFFF;
    font: 12px Tahoma, sans-serif;
}

header {
    margin: auto;
    padding: 0px 0;
    max-width: 1260px;
}

.main-heading {
    margin: 30px 0;
    padding-left: 20px;
    background: transparent url(../images/h1-bg.png);
}

.main-heading h1 {
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    background: url(../images/bg.png);
    color: #FFFFFF;
    text-transform: uppercase;
    font: 25px/25px 'Oswald', sans-serif;
}

.slider {
    padding-bottom: 90px;
  margin:0; 
  padding:0; 
  position:relative;
  margin: auto;
  max-width: 1260px;
}
.wrapper {
    position: relative;
    margin-bottom:-100px;
    margin:0 auto;
    max-width: 1260px;
    min-height:100%;
    text-align:left;
}

footer {
    background: black;
    height: 150px;
}

#zaglushka {
    height: 100px;
}
.footer-content {
    margin: auto;
    padding: 10px 0;
    max-width: 1260px;
    height: 100px;
}

.footer-heading {
    margin: 0 0 10px 0;
    border-bottom: 1px solid #FFFFFF;
    color: #fff;
    text-transform: uppercase;
    font: 15px 'Andale Mono', monospace ;
}

Сам футер привязывается к низу, все вроде отлично. Но wrapper, становится слишком большим по высоте, контента 4 строки, а размер его как будто 50 строк. Пробовал разные варианты. Подскажите как исправить?

Как сделать плавающий модуль? Автор THeCMeX	Ответов: 2 Просмотров: 1151	08.03.2021, 22:21:01 от Flexderection
Как сделать плавающий блок/модуль. Пример есть! Автор Good_user	Ответов: 8 Просмотров: 12324	04.04.2020, 13:49:11 от jan_dax
Как мне сделать невидимым ссылку меню в footer'e? Автор abrodski	Ответов: 9 Просмотров: 1787	05.08.2016, 00:23:29 от abrodski
Плавающий модуль на странице Автор Омск	Ответов: 13 Просмотров: 1732	25.03.2016, 13:40:07 от vipiusss
footer не прилегает к низу Автор bybus	Ответов: 2 Просмотров: 2239	06.12.2014, 03:05:16 от bybus

Плавающий footer - Вопросы по CSS

Новости Joomla

Новый способ добавления и рендера полей в Joomla Form - метод renderControlFields() (Joomla 5.3+)

Joomla: как тестировать? Всего 8 минут

JoomGallery 4.1.0 - компонент галереи изображений для Joomla

v.4.1.0. Что нового?

grx-lin

Плавающий footer

flyingspook

Re: Плавающий footer

Похожие темы