Проблем с фуутър

[Vladkata]

Здравейте! Искам да позиционирам фуутъра - и съответно да е най-отдолу. Вижте какво се получава:

http://store.picbg.net/pubpic/03/E3/31303402fb7c03e3.jpg

[css]
.footer{
background-image: url(footer.png);
background-repeat: no-repeat;
position: absolute;
bottom: 0;
width: 100%;
height: 56px;
text-align: center;
color: white;
font-family: segoe ui, sans-serif, arial;
text-transform: uppercase;
text-shadow: -1px -1px 1px #000;
}
[/css]

Благодаря предварително!
още съпорт

 

[CosaNostra]

Пробвай като му сложиш float: left; ?

 

[Hous]

Само с тази част от кода трудно ще се разбере.Или повечко код или онлайн демо.

 

[Vladkata]

С float: left е перфектно, обаче под него има разстояние и отново покрива кутията на новините :/. Някакво решение?

Благодаря предварително!

 

[0u7]

Пробвай да го бутнеш на долу с margin-top: примерно

 

[Vladkata]

Това го оправих. Обаче сега пък при Mozilla-та и Internet Explorer-а прави проблем и се дига нагоре с няколко пиксела и стои върху новините...

 

[shterev]

Някъде бях писал как се прави, да няма бъгове под бразърите.

Ползва се една javascript функция, която ти разпъва контента колкото е страницата(т.е. според резолщцията на монитора) , като се задава една височина, но от тази височина се вади височината на фоотера. Ето ти кода:

[js] function getDocHeight() {
var D = document;
return Math.max(
Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
Math.max(D.body.clientHeight, D.documentElement.clientHeight)
);
}

element.style.height = (getDocHeight() - 50) + 'px';[/js]

В случая височината на footera е 50 - и с вади