Не получается прижать футер к низу страницы

@skynet80 · Регистрация: 17.05.2009

Студворк — интернет-сервис помощи студентам

Здравствуйте. Учусь верстать и столкнулся с проблемой.
Сразу скажу, что перечитал множество способов, о том как прижать футер, но так и не получилось это сделать. Считаю, что проблема связана с классом featured , т.к. если посмотреть в браузере он имеет высоту в 0 px. Не пойму почему браузер не считает его высоту, хотя внутри него расположен контент. Видимо из-за этого футер залез выше.

Брайзер chrome, также проверял в ie.

Во вложении страничка, в которой не удается прижать футер.

Заранее спасибо!

@_†__ManiacParty · 30.01.2013, 15:30

Предполагаю что вы хотели что то в роди этого.

а вопрос таков, как я понимаю кнопки должны быть на одном уровне.
Новая папка.7z

@skynet80 · 30.01.2013, 15:36 **[ТС]**

Да, судя по шаблону, кнопки должны быть на одном уровне... правда пока не придумал чем их расположить... Если не трудно напишите.

Спасибо за футер.

@_†__ManiacParty · 30.01.2013, 15:42

С самим футером вы не там искали проблему, вы ссылались на класс "featured" а вам всего то нужно было в классе "footer" прописать "margin-bottom: 0px;". На будущее для сайта лучше используйте Gif. или Png.

@skynet80 · 30.01.2013, 15:56 **[ТС]**

Сообщение от _†__ManiacParty

для сайта лучше используйте Gif. или Png

это я знаю, т.к. занимает меньше раз... Но тут еще нужно смотреть на требуемое качество элемента...

Из изменений увидел следующее

CSS
1
2
3
4
5
.featured {
    /*height: 100%;*/
    clear: both;
    height: 40px;
}

про clear понял, а вот height по сути должен иметь размер .newFeatured по высоте, но судя по браузеру он так не считает... вопрос по чему меня терзает...

Во вложении есть скрин шаблона, какой он должен быть... Не подскажите как сделать фон слайдера? он там сложный градиент: засветлен снизу, а также круглый засвет по центру...

Мое решение такое: 1px полоска залить все и расположить по центру картинку засвета, но пока не пойму как грамотно и красиво сделать в css... .wrapper закрывать перед слайдером и делать по манере футера, чтобы фон как у футера или я чего то не знаю)))

@_†__ManiacParty · 30.01.2013, 16:03

можно ссылку на сайт, хотелось бы посмотреть

@skynet80 · 30.01.2013, 16:05 **[ТС]**

Сообщение от _†__ManiacParty

можно ссылку на сайт, хотелось бы посмотреть

Если я правильно понял, то скачано отсюда _http://fasttut.com/design/psd-shabloni-sajtov-besplatno/ первый шаблон

@_†__ManiacParty · 30.01.2013, 16:07

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

@skynet80 · 30.01.2013, 16:13 **[ТС]**

Ну да) Надо же на чем-то учиться и практиковаться))

Новые блоги и статьи Все статьи Все блоги /
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .

@_†__ManiacParty 0 / 0 / 1 Регистрация: 30.01.2013 Сообщений: 11
	30.01.2013, 15:30
	Предполагаю что вы хотели что то в роди этого. а вопрос таков, как я понимаю кнопки должны быть на одном уровне. Новая папка.7z 0

@skynet80 10 / 10 / 7 Регистрация: 17.05.2009 Сообщений: 140
	30.01.2013, 15:36 [ТС]
	Да, судя по шаблону, кнопки должны быть на одном уровне... правда пока не придумал чем их расположить... Если не трудно напишите. Спасибо за футер. 0

@_†__ManiacParty 0 / 0 / 1 Регистрация: 30.01.2013 Сообщений: 11
	30.01.2013, 15:42
	С самим футером вы не там искали проблему, вы ссылались на класс "featured" а вам всего то нужно было в классе "footer" прописать "margin-bottom: 0px;". На будущее для сайта лучше используйте Gif. или Png. 0

@_†__ManiacParty 0 / 0 / 1 Регистрация: 30.01.2013 Сообщений: 11
	30.01.2013, 16:03
	можно ссылку на сайт, хотелось бы посмотреть 0

@_†__ManiacParty 0 / 0 / 1 Регистрация: 30.01.2013 Сообщений: 11
	30.01.2013, 16:07
	Все, нашол, вы просто скачали шаблон и верстаете. С градиентом точно не подскажу но думаю после работы посижу и поиграюсь. 0

@skynet80 10 / 10 / 7 Регистрация: 17.05.2009 Сообщений: 140
	30.01.2013, 16:13 [ТС]
	Ну да) Надо же на чем-то учиться и практиковаться)) 0