Element umieszczony na dole div'a

[cachaito]

Witam!

Jest to jednak trudniejsze, niż myślałem. Sprawa wydaje się prosta: mam sobie div'a "content" zaś w nim div "footer". Chciałbym, żeby div "footer" był zawsze na dole diva "content", najlepiej na środku, niezależnie od jego zawartości.
Próbowałem tak:

HTML:

<div id="content">
Treść, duuużo treści...
<div id="footer">
strona: 1, 2, 3, 4, 5
</div>
</div>

CSS:

#content {
position: relative;
}

#footer {
position: absolute;
bottom:0;
<!-- żeby było na środku -->
margin-left: auto;
margin-right: auto;
text-align: center;
}

Paradoksalnie działa tylko pod IE i Opera ale nie chce środkować
Firefox i nie rusza div'a w ogóle...
Jakieś pomysły?

[MobyDick]

1. Środkować musisz div-a content najlepiej sposobem:
[xml]margin: 0 auto[/xml]
2. Ten div content jest tylko pojemnikiem w ktorych zamieszczasz inne div-y z trescią, tak jak twój footer i przykladowo tresc.
3. Dla tresci ustaw minimalna wysokość, coby div nie zmalal do zera jaqk bedzie mało tresci, ale to tylko kosmetyka taka.
4. footer wypozycjonowany absolutnie i na bootom:0 jest ok.

[cachaito]

doszedłem (dzięki pomocy na innym forum ) do tego w ten sposób:

Kod: Zaznacz cały

#content {
position: relative;
}

#footer {
position: absolute;
bottom: 0;
left: 0;
text-align: center;
}

i działa [/code]

[MobyDick]

Ale ten kod nadal nie gwarantuje wyśrodkowania całości strony w poziomie

[cachaito]

Tylko div footer umieszczony w divie content ma leżeć na środku