Автоматичен height на footer

[sle]

Здр имам footer който седи 20px под съдържанието на сайта. Как да направя някакъв div от долу който ако е по голяма резолюцията да се разширява автоматично на долу. пробвах така:

<div style="background-color:#FFF; width:100%; height:100%; position:absolute;"></div>

обаче то се разширява много да на долу не знам защо. Искам да си седи се разширява height според голямата резолюция

 

[goshkoy]

[css] <div style="background-color:#FFF; width:100%; height:20%; position:absolute;"></div>[/css]
Проблема ти е че си задал 100% и той се разпъва според големината на страницата на 100% за това трябва да го направиш 10% примерно по играй си докато го нагласиш както ти хареса

 

[sle]

Ами колкото и процента да сложа се распъва и скрола ми се появява. Ето сайта вижте го. (не е реклама той и без това не е български)
http://saintsburgerjoint.co.za/reservation.php

сега е фиксиран но става грозно като се направи на малак прозорец. Искам да си седи на 20px от content-а и като е по голяма резолюцята да си остава само бяло на долу ?

А и между другото защо на Опера се разбива кода на долу ? :/

 

[goshkoy]

Еми задай му фиксирана височина 20px а ако не ти допада идеята прочети за
css3 media queries

 

[somebody]

Това което искаш да направиш се нарича "лепкав футър" и се прави мн лесно.Примера който си дал със сайта са се опитали аматъорски да направят нещо подобно, но тъй като са използвали position:fixed за да постигнат ефекта то на по-малки резолюции нещата не изглеждат ок.

http://fridaycode.net/sticky-footer-with-css/

Надявам се не само да препишеш кода ами и да разбереш защо и как стават нещата.

 

[sle]

А как да направя да не е е залепен ,а просто при по голяма резолюция не да отива на долу ами да се разширява бял цвят само