Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 6 Ответов
  • 2235 Просмотров
*

Imperil

  • Захожу иногда
  • 60
  • 0 / 0
День добрый.

Посмотрел я курсы по CSS "специалиста". В нем лектор рассказывал про то, как прижать футер к низу окна браузера.
Вот код:

http://jsfiddle.net/UBwq8/1/

Все понятно, кроме одного. Зачем нужен блок #all (при том доп. блок во всех статьях на эту тему делают). Якобы основная цель у него - чтобы текст с контента не заходил на футер, ну и чтобы учитывались плавающие элементы (overflow:hidden;)

Окей. Но не проще ли сделать так? http://jsfiddle.net/cyZ7R/3/ Никакого доп. блока ненужно. Я подозреваю, что все таки второй пример или где-то неверен, в каком-то случае, или я что-то недопонимаю. Но в нем все прекрасно работает - и текст не заходит в футер, и учитываются плавающие элементы, и блока пустого нет.

Вопрос: а нафига этот блок #all?
*

Entombed

  • Захожу иногда
  • 114
  • 11 / 0
  • Ума палата ... да ключ потерял
http://www.cssstickyfooter.com/using-sticky-footer-code.html - я использую этот способ ... это оч похоже на второй ваш пример.
Опять же кому как нравится ... в первом случае all отжимает вниз на 150 а потом main это компенсирует ... получается - на + = 0. Лишние телодвижения ... второй способ более логично понятен.
Ничто не вечно под луной
*

Taatshi

  • Гуру
  • 5258
  • 481 / 2
  • Верстаем и кодим. Обращайтесь ;)
Imperil, все зависит от конкретной верстки. Если к примеру выше футера куча блоков, которые весьма динамично себя ведут - неизвестно, когда, какой именно и на какой странице отображаться будет - паддинг не подойдет. А распорка - она всегда есть, как ни крути.

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

Так что все зависит от конкретного проекта.
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3, ОБНОВЛЕНИЕ  |  ОТЗЫВЫ 
Связь: telegram - Taatshi, почта - Taatshi на яндексе, Skype - Taatshi
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Есть два рациональных способа для прижатия футера:
а) футер фиксированной высоты: делаем HTML, body и первую обёртку высотой 100%, а футер отрицательным отступом подымает вверх от низа экрана + добавляем div пустой для фикса отступа;
б) футер нефиксированной высоты (куда реже бывает): юзаем display:table и производные.
*

Taatshi

  • Гуру
  • 5258
  • 481 / 2
  • Верстаем и кодим. Обращайтесь ;)
Shustry, можешь дать пример второго варианта?
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3, ОБНОВЛЕНИЕ  |  ОТЗЫВЫ 
Связь: telegram - Taatshi, почта - Taatshi на яндексе, Skype - Taatshi
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Это не первоисточник. Оригинал чёт не находится в сети. Но и так тут всё понятно.
*

NortonFox

  • Захожу иногда
  • 441
  • 43 / 0
Немного добавлю.
очень важно понимать, что сверстать что либо с одинаковым отображением можно совершенно по разному. А различия лучше или хуже лично для меня заключаются в следующем:
1. Корректное отображение во всех современных браузерах (на сегодня уже легкая задача).
2. Минимизация кода (не надо лепить 100500 элементов там где справиться один).
3. Проверка на валидность (бывает сложно сделать из за особенностей проекта, но дико интересно довести до ума).

Если эти пункты выполнены, то лучше не задумываться над этим и идти дальше, брать новые задачи и решать их, тем самым поднимется проф. пригодность)
Я знаю только то, что ничего не знаю
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Изменение размера модального окна

Автор nesskafe

Ответов: 4
Просмотров: 2705
Последний ответ 16.06.2020, 17:43:05
от xpank
Размер всплывающего окна

Автор sokol-iz-ussr

Ответов: 1
Просмотров: 2443
Последний ответ 07.11.2016, 10:41:58
от Strikerus
При уменьшении окна браузера блоки наезжают друг на друга

Автор vaymohk

Ответов: 0
Просмотров: 1928
Последний ответ 06.08.2016, 11:39:55
от vaymohk
Как добавить колонки в футер?

Автор muria

Ответов: 2
Просмотров: 1913
Последний ответ 09.11.2015, 15:31:10
от muria
Закрепить футер шаблона yoo_gusto внизу страницы

Автор Анна_pupu

Ответов: 3
Просмотров: 1628
Последний ответ 06.10.2015, 19:06:19
от Ilhom666