Фиксированный подвал стоит на месте при прокрутке

@annasha · Регистрация: 09.06.2017

Author24 — интернет-сервис помощи студентам

Всех приветствую!

Подскажите, как сделать так, чтобы подвал сайта был на месте и возникал из основного содержимого сайта? Может плохо объяснила, но вот хочу сделать точно также, как на сайте: http://www.dr-scheffler.com/de/rugard

@annasha · 25.06.2017, 12:24 **[ТС]**

Что, неужели никто не знает, как так сделать?!

@Qwerty_Wasd · 25.06.2017, 12:32

annasha, привет)

Не по теме:

Только увидел твою тему.

Его просто прижали к низу страницы, при этом выбив из потока.

CSS

footer.uncover {
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 99;}

@Vlad03 · 25.06.2017, 12:33

Открываете инспектор кода и делаете, как на сайте доноре. А так получается сделайте это за меня.

@annasha · 25.06.2017, 12:40 **[ТС]**

Qwerty_Wasd, привет! Спасибо! Попробую, отпишусь! Я делала как-то так, но left: 0px не указывала и отображалось криво.

Vlad03, я открывала там инспектор кода, но там сайт на вордпрессе сделан, а я пытаюсь внедрить это в джумлу. Я пробовала и у меня не получалось. За меня делать не надо, вы главное меня подтолкните в нужном направлении)) Спасибо!

(Сегодня очень много дел, завтра попробую всё сделать и отпишусь!)

@Qwerty_Wasd · 25.06.2017, 12:51

annasha, пример оставлю тут(кому еще пригодится)

HTML5

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
    html, body{
margin:0;
padding:0;
}
.main{
    height:1700px;
    width:100%;
}
.content{
    height:1300px;
    width:100%;
    background-color:blue;
}
.footer{
    height:400px;
     width:100%;
     background-color:red;
     color:white;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: -1;
}
    </style>
</head>
<body>
<div class="main">
<div class="content"></div>
<div class="footer"><img src="https://cdn.allwallpaper.in/wallpapers/1920x1080/10522/flowers-red-rose-1920x1080-wallpaper.jpg" width="100%" height="100%"></div>
</div>
</body>
</html>

@Vlad03 · 25.06.2017, 14:45

Сообщение от Qwerty_Wasd

пример оставлю тут(кому еще пригодится)

Это все хорошо вы сделали, но давайте представим, что объем контента гораздо больше или меньше чем 1300px? Получается, что каждый раз нужно лезть в файл стилей и подгонять размер блока под объём контента.
В оригинале, последнему блоку идущему перед футером задан margin-bottom на высоту футера и не нужно жестко задавать высоту блоку для контента.

@Qwerty_Wasd · 25.06.2017, 14:56

Vlad03,

Не по теме:

а кому мешает сваять пример под себя.

Добавлено через 43 секунды
Я лишь передал мысль. А учебника на все случаи жизни не существует.

@annasha 1 / 1 / 0 Регистрация: 09.06.2017 Сообщений: 72
		1
	Фиксированный подвал стоит на месте при прокрутке 23.06.2017, 09:44. Показов 1168. Ответов 7 Метки нет (Все метки) Всех приветствую! Подскажите, как сделать так, чтобы подвал сайта был на месте и возникал из основного содержимого сайта? Может плохо объяснила, но вот хочу сделать точно также, как на сайте: http://www.dr-scheffler.com/de/rugard 0

@annasha 1 / 1 / 0 Регистрация: 09.06.2017 Сообщений: 72
	25.06.2017, 12:24 [ТС]	2
	Что, неужели никто не знает, как так сделать?! 0

@Vlad03 112 / 108 / 42 Регистрация: 22.01.2017 Сообщений: 452
	25.06.2017, 12:33	4
	Открываете инспектор кода и делаете, как на сайте доноре. А так получается сделайте это за меня. 0

@annasha 1 / 1 / 0 Регистрация: 09.06.2017 Сообщений: 72
	25.06.2017, 12:40 [ТС]	5
	Qwerty_Wasd, привет! Спасибо! Попробую, отпишусь! Я делала как-то так, но left: 0px не указывала и отображалось криво. Vlad03, я открывала там инспектор кода, но там сайт на вордпрессе сделан, а я пытаюсь внедрить это в джумлу. Я пробовала и у меня не получалось. За меня делать не надо, вы главное меня подтолкните в нужном направлении)) Спасибо! (Сегодня очень много дел, завтра попробую всё сделать и отпишусь!) 0

@Vlad03 112 / 108 / 42 Регистрация: 22.01.2017 Сообщений: 452
	25.06.2017, 14:45	7
	Сообщение от Qwerty_Wasd пример оставлю тут(кому еще пригодится) Это все хорошо вы сделали, но давайте представим, что объем контента гораздо больше или меньше чем 1300px? Получается, что каждый раз нужно лезть в файл стилей и подгонять размер блока под объём контента. В оригинале, последнему блоку идущему перед футером задан margin-bottom на высоту футера и не нужно жестко задавать высоту блоку для контента. 0

@Qwerty_Wasd dev - investigator 2151 / 1496 / 651 Регистрация: 16.04.2016 Сообщений: 3,696
	25.06.2017, 14:56	8
	Vlad03, Не по теме: а кому мешает сваять пример под себя. Добавлено через 43 секунды Я лишь передал мысль. А учебника на все случаи жизни не существует. 0