Footer onder content

Hi,

Ik zit weer te kloten om de footer onder aan het content te maken. Maar hij staat buiten de container.

Dit is mijn html:

<div class="footer">
    <a href="#"><p>Over naam</p></a> | <a href="#"><p>Melden</p></a> | <a href="#"><p>Adverteren</p></a> | <a href="#"><p>Partners</p></a> | <a href="#"><p>Disclaimer</p></a> | <a href="#"><p>Faq</p></a> | <a href="#"><p>Contact</p></a><em>Copyright 2011 naam.nl | Alle rechten voorbehouden</em>
    </div>

En dit mijn css:

.footer { background: url(../img/footer.png);  height: 60px; width: auto; position: bottom; bottom: 0;  clear: both; color: #fff;}
.footer p {font: normal 12px Tahoma; color:#fff; padding-top: 20px; padding-left: auto; padding-right: 10px; }
.footer em {font-weight: normal; float: right;}
.footer a {color: #fff;}
.footer a:hover{ color:#d72529; }

Iemand enig idee, wat ik fout doe?

Alvast bedankt.

Patrick

ik denk dat er een divje teveel staat afgesloten boven je footergedeelte.

Volgens mij niet, ik zal het even controleren.

toevoeging op 18 september 2011, 1021:
Alle divjes staan goed.

moet je footer trouwens onderaan staan omdat je position: bottom gebruikt?
Dan is het logisch dat die niet gelijk onder je content komt.
Misschien kun je even beter omschrijven of via printscreen laten zien wat je nu precies wil?

Hij moet onder het content komen, ik zal het even uploaden en naar je sturen ;d

Probeer eens:

.footer { background: url(../img/footer.png);  height: 60px; width: auto; position: absolute; bottom: 0;  clear: both; color: #fff;}

Dan bugt die nogal

Als je footer gewoon onder het contentgedeelte moet komen maar buiten je container dan hoef je geen position te gebruiken, ook voor de 2e maal clear:both is onnodig in de footer aangezien je die al in je html erboven heb staan. Dus je css wordt dan zo:

.footer { background: url(../img/footer.png);  height: 60px; width: auto; margin:0; color: #fff;}

Het geeft geen ander effect.

Kan je een live voorbeeld sturen via pm?

Liever stuur ik het niet naar iedereen. 3 mensen hebben het nu. Mochten deze er niet uitkomen zal ik het doen.

Ik kan je ook helpen als die 3 er niet uitkomen

Gelukt.

Mooizo!