Как сделать чтобы футер заполнял оставшуюся часть экрана без скрола

Assassin · 10.12.2011

Здравствуйте
У моего сайта верстка без макетов. То есть элементы сайта не обрамлены в div который их как то позиционирует. И сегодня я напоролся на проблему которую не знаю как решить.
Вообщем мне нужно чтобы div блок назовем его footer который будет идти после всех элементов сайта растягивался и заполнял все оставшиеся пространство фоном(например черным)
Пробовал делать так

Код:

.footer {
background-color:#000;
min-height: 150px;
height: 100%; или auto;
}

Но это не работает., помогите пожалуйста
Чтобы легче было понять о чем речь вот скрин http://hostingkartin...3d53719d83d1918
Заранее спасибо

motek · 10.12.2011

как вариант - пропишите для всего боди черный фон, а для контента - белый...когда блок с контентом закончится - останется черный фон на пустом месте

Assassin · 10.12.2011

Спасибо большое. А может есть другие варианты? просто контент в div заключать не очень хочется
Но ваш вариант супер, в жизни бы сам не догадался)

motek · 10.12.2011

Assassin сказал(а):
Спасибо большое. А может есть другие варианты? просто контент в div заключать не очень хочется
Но ваш вариант супер, в жизни бы сам не догадался)

тогда покажите структуру Вашей страницы (html код)...

Assassin · 10.12.2011

Код:

<html>
<head>
</head>
<body>
<center>
<img src='test'>
</center>
</html>

Примерно такая

tigra60 · 10.12.2011

Новолылупленные верстальщики радуют все больше и больше!
Вы здесь выложили говнокод. Причины:
1. нет DOCTYPE
2, нет <title>
3. элемент <center> запрещен к применению
4. не атрибута alt у тега IMG

Прежде чем что-то делать, нужно научиться это делать. Хотя бы чуть-чуть.
Рекомендую вам книгу А.Ломова "HTML, CSS, скрипты. Практика создания сайтов".

vla · 10.12.2011

tigra60 сказал(а):
3. элемент <center> запрещен к применению

Не знал. Да и об элементе <center> тоже не знал... удивительно

Assassin · 10.12.2011

Это условный код
<!DOCTYPE html>
Просто нужно чтобы див заполнял низ экрана без скрола, такое возможно?

motek · 10.12.2011

Assassin сказал(а):
Это условный код
<!DOCTYPE html>
Просто нужно чтобы див заполнял низ экрана без скрола, такое возможно?

возможно всё :laugh: ...а вот нужно ли?...

Код:

<html>
<head>
</head>
<body>
<center>
<img src='test'>
</center>
</html>

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

Это условный код
<!DOCTYPE html>

:laugh:

Как сделать чтобы футер заполнял оставшуюся часть экрана без скрола

Assassin

Member

Вложения

motek

злой как @

Assassin

Member

motek

злой как @

Assassin

Member

tigra60

Спасатель

vla

Well-Known Member

Assassin

Member

motek

злой как @

Онлайн статистика

Статистика форума

Новые пользователи

Поделиться этой страницей