Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 02.09.2015, 16:11   #1
_dvr
Пользователь
 
Регистрация: 29.07.2015
Сообщений: 15
По умолчанию Резиновый футтер

Есть сайт с контентом и якорями (ссылку привести не могу, типо ком.тайна, объясню на словах).
Переход на последний якорь ведет к ссылкам внизу страницы и к футтеру. Блок со ссылками с условно фиксированной высотой (плюс минус несколько процентов, не существенно). Все остальное должно заполняться футтером. Проблемма в том, что футтер должен заполнять всё оставшееся место на экране вне зависимости от высоты экрана.
Придумал два решения проблеммы, оба отлично работают, но оба меня не устраивают:
1. Сделать таблицу с релиативной позицией и высотой 100% в которую запихать блок со ссылками и футтером.
2. Сделать блок с фиксированой позицией и размерами 100% на 100%, с нулевым Z-индексом и фоном футтера, сам же футтер сделать прозрачным. Чтобы он тянулся под всем контентом, и открывался только в самом низу страницы.
Еще раз повторюсь, оба варианта не устраивают, но прекрасно работают.
Есть идеи как реализовать? Код можно не писать, теории будет достаточно.
Накидал картинку, в которой попытался объяснить суть:
Изображения
Тип файла: jpg Untitled-1.jpg (82.2 Кб, 111 просмотров)
_dvr вне форума Ответить с цитированием
Старый 03.09.2015, 04:42   #2
_dvr
Пользователь
 
Регистрация: 29.07.2015
Сообщений: 15
По умолчанию

Еще одно решение:
Обернуть футтер и ссылки в отдельный див с высотой height calc(100% - 50px) (высота минус плавающая шапка), задать абсолютное позиционирование с соотношением 40% и 60%. Опять же работает, но опять же лишний див, а задача в том, чтобы код был как можно проще и легче. Есть еще варианты?
_dvr вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Резиновый шаблон 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