Задача по верстке.

(Ответов: 6, Просмотров: 635)
  1. Дипломник Аватар для _Серега_
    • Регистрация: 11.02.2013
    • Сообщений: 125
    • Репутация: 32
    • Webmoney BL: ?
    Добрый день, бьюсь над задачей прижатия футера к низу окна, но что-то элегантное решение не приходит в голову, только костыли(по таймауту сравнивать высоты блоков с высотой окна и корректировать положение футера), но может быть какая-то более удачная комбинация с версткой возможна, средствами css более эффективными чем я сделал
    Может кто опытный подскажет...

    jsfiddle

    Надо чтобы футер был всегда прижат к низу, ну как обычно по дзэн)). Несмотря на то, что меню представляет собой вертикальный аккордеон с разным количеством пунктов. Также убирается/появляется "шапка" по желанию...
    И контент в основной области(справа .main) из-за особенностей меню может оказываться меньше по высоте или больше чем высота меню..

    В общем, посмотрите в jsfiddle думаю легче понажимать и понять, что к чему...

    Спасибо
    • 0
  2. Опытный Аватар для Gradus
    • Регистрация: 03.11.2013
    • Сообщений: 484
    • Репутация: 51
    _Серега_, Не много не в тему спрошу я делаю изменение в коде ( но ..сайт.. не меняется визуально в правом окне ) что то нажать надо ?чтоб применить изменения .
    • 0
  3. Дипломник Аватар для _Серега_
    • Регистрация: 11.02.2013
    • Сообщений: 125
    • Репутация: 32
    • Webmoney BL: ?
    Кнопка run слева в вехнем углу, форкнуть надо сначала "fork" тогда можно будет отредактировать и прислать ссылку "share". Еще полезно "set base" пользоваться по необходимости, чтоб версии обнулить.
    Последний раз редактировалось _Серега_; 03.12.2013 в 23:19.
    • 1

    Спасибо сказали:

    Gradus(03.12.2013),
  4. Allow: /index.php Аватар для DarkAngel-163
    • Регистрация: 29.07.2011
    • Сообщений: 510
    • Репутация: 124
    • Webmoney BL: ?
    _Серега_, а разве тут обычный способ с распоркой не подойдёт?
    _http://www.xiper.net/collect/html-and-css-tricks/karkas-verstki/podval-k-nizu.html
    • 0
  5. Дипломник Аватар для _Серега_
    • Регистрация: 11.02.2013
    • Сообщений: 125
    • Репутация: 32
    • Webmoney BL: ?
    DarkAngel-163, если бы страница оставалась после генерации неизменной - конечно, все решилось бы css. А тут как раз высота блоков а значи и body "пляшет" из-за интерфейса
    • 0
  6. Sapienti sat Аватар для brainix
    • Регистрация: 01.01.2013
    • Сообщений: 1,925
    • Записей в дневнике: 1
    • Репутация: 817
    • Webmoney BL: ?
    Цитата Сообщение от _Серега_ Посмотреть сообщение
    по таймауту сравнивать высоты блоков с высотой окна и корректировать положение футера
    По таймауту не катит. А вот при взаимодействии со страницей - изменение размера окна, или скрытие/открытие блоков чтобы срабатывал привязка к футеру.

    Цитата Сообщение от _Серега_ Посмотреть сообщение
    если бы страница оставалась после генерации неизменной - конечно, все решилось бы css. А тут как раз высота блоков а значи и body "пляшет" из-за интерфейса
    Так пусть внешний контейнер остается неизменным в меньшую сторону после генерации страницы, а в большую насколько я помню разные решения для привязки футера к низу, то футер сам уже уезжает исключительно по цсс.

    Еще сейчас посмотрел на пример - я лично забил на привязку футера к низу как таковую очень давно, просто выставляю минхейт. Может и вам минхейт выставить и менять его динамически все так же при изменениях динамических на странице, чтобы футер вверх вниз не плясал.

    Или вспомним вк, им до лампочки привязка футера книзу. Скажите, какой вообще прок от привязки футера?
    • 1

    Спасибо сказали:

    _Серега_(04.12.2013),
  7. Дипломник Аватар для _Серега_
    • Регистрация: 11.02.2013
    • Сообщений: 125
    • Репутация: 32
    • Webmoney BL: ?
    Цитата Сообщение от brainix Посмотреть сообщение
    Скажите, какой вообще прок от привязки футера?
    Кроме очевидного сломать себе голову над этим? Именно в этом дизайне нравится когда он прижат. Динамическое меню "вверх-вниз" взывает т.с. к прижатому футеру... Иначе он мелькает перед глазами при щелчкам по меню...
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Есть задача по Joomla 2.5 + VM, требуется специалист
Joomla 5 01.10.2013 04:04
"Секреты СЕО и достижение результата за 14 дней". Основная задача курса научиться моментально монетизировать сайты.
Услуги по SEO 12 17.04.2013 17:26
Ребят, выручайте. (Задача по физике)
Оффтоп и свободные темы 12 18.10.2012 02:51
Учебник по верстке
Web программирование 8 03.04.2012 12:30

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры