|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
02.09.2015, 16:11 | #1 |
Пользователь
Регистрация: 29.07.2015
Сообщений: 15
|
Резиновый футтер
Есть сайт с контентом и якорями (ссылку привести не могу, типо ком.тайна, объясню на словах).
Переход на последний якорь ведет к ссылкам внизу страницы и к футтеру. Блок со ссылками с условно фиксированной высотой (плюс минус несколько процентов, не существенно). Все остальное должно заполняться футтером. Проблемма в том, что футтер должен заполнять всё оставшееся место на экране вне зависимости от высоты экрана. Придумал два решения проблеммы, оба отлично работают, но оба меня не устраивают: 1. Сделать таблицу с релиативной позицией и высотой 100% в которую запихать блок со ссылками и футтером. 2. Сделать блок с фиксированой позицией и размерами 100% на 100%, с нулевым Z-индексом и фоном футтера, сам же футтер сделать прозрачным. Чтобы он тянулся под всем контентом, и открывался только в самом низу страницы. Еще раз повторюсь, оба варианта не устраивают, но прекрасно работают. Есть идеи как реализовать? Код можно не писать, теории будет достаточно. Накидал картинку, в которой попытался объяснить суть: |
03.09.2015, 04:42 | #2 |
Пользователь
Регистрация: 29.07.2015
Сообщений: 15
|
Еще одно решение:
Обернуть футтер и ссылки в отдельный див с высотой height calc(100% - 50px) (высота минус плавающая шапка), задать абсолютное позиционирование с соотношением 40% и 60%. Опять же работает, но опять же лишний див, а задача в том, чтобы код был как можно проще и легче. Есть еще варианты? |
Опции темы | Поиск в этой теме |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Резиновый шаблон | Best1501 | HTML и CSS | 8 | 28.12.2012 16:28 |
Резиновый хеиджт | moshkin_ura | HTML и CSS | 3 | 27.09.2011 15:50 |
Резиновый фон | Levsha100 | HTML и CSS | 2 | 11.09.2010 21:12 |
Резиновый сайт | Helen_Sof | HTML и CSS | 4 | 09.02.2009 19:08 |