Размещение нижнего колонтитула внизу с помощью CSS

Многие разработчики сталкиваются с проблемами при попытке разместить нижний колонтитул внизу окна браузера. Несмотря на использование различных техник, нижний колонтитул может появиться посередине. Вот решение этой распространенной проблемы как для Firefox, так и для Internet Explorer.

CSS-код

Следующий CSS-код эффективно прикрепит нижний колонтитул к нижней части браузера:

#Footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

Объяснение

1. позиция: абсолютная;: удаляет нижний колонтитул из обычного потока документа, позволяя позиционировать его независимо.
2. bottom: 0;: устанавливает нижний край нижнего колонтитула на ноль, что нижнюю часть окна.
3. width: 100%;: гарантирует, что нижний колонтитул занимает всю ширину экрана.

HTML-структура

Убедитесь, что ваша структура HTML содержит

  ...