Расположить фиксированное меню под футером и закрепить внизу страницы - HTML, CSS

HTML, CSS

Форум программистов и сисадминов Киберфорум

Войти

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

Рейтинг 4.56/18:

@Sylar9 139 / 60 / 13 Регистрация: 04.09.2011 Сообщений: 1,956 Записей в блоге: 1

	Расположить фиксированное меню под футером и закрепить внизу страницы 20.06.2016, 07:19. Показов 3858. Ответов 1 Метки нет (Все метки) Добрый день, я сверстал сайт типа "landing page",но мне надо сделать, так что бы когда пользователь ходил по сайту, меню было закреплено вверху и футер, вот как на этом сайте ссылка на сайт 0

Лучшие ответы (1)

Сообщение: #9292706

IT_Exp

Эксперт

34794 / 4073 / 2104

Регистрация: 17.06.2006

Сообщений: 32,602

Блог

20.06.2016, 07:19

Ответы с готовыми решениями:

Закрепить footer внизу страницы
Имеется страница, которая состоит из верхней панели + меню, по боксу справа и слева и основной ленты, а также нижней панели, с которой...

Как закрепить новость внизу страницы?
Как зекрепить новость сверху это понятно это штатная возможность движка, а вот как сделать так чтоб закреплённая новость была внизу всегда...

Расположить текст внизу страницы!
Использую этот стиль, однако он выводит текст в нижний правый угол, как это мне надо, однако если высота страницы превышает разрешение...

boilzzz

Богатый духовно

455 / 262 / 145

Регистрация: 10.03.2015

Сообщений: 1,057

20.06.2016, 07:39

Сообщение было отмечено whiteapps как решение

Решение

Sylar9,

CSS
1
2
3
4
5
6
7
8
header{
    position:fixed;
    top:0;
}
footer{
    position:fixed;
    bottom:0;
}

Добавлено через 3 минуты
https://jsfiddle.net/boilzzz/n8m9gLzq/1/

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

BasicMan

Эксперт

29316 / 5623 / 2384

Регистрация: 17.02.2009

Сообщений: 30,364

Блог

20.06.2016, 07:39

Помогаю со студенческими работами здесь

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

Закрепить картинку справа внизу
Кто сможет подсказать как закрепить картинку справа с низу Получилось так только с верху справа <img style="top: 5%;...

Закрепить модуль внизу экрана
Подскажите пожалуйста , как сделать что бы определенный модуль всегда был внизу экрана, то есть когда прокручиваю страницу он всеравно...

Как закрепить кнопку внизу блока
Всем доброго времени суток.Есть блок товара,есть ссылка кнопки.Как Закрепить ее внизу блока position:absolute;bottom:0; пытался,но тогда...

Как закрепить текст внизу каждой записи
Здравствуйте, у меня такая дилема, в конце каждой записи у меня подразумевается блок, который должен повторяться в каждой записи, вот: ...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .

Наверх