Footer positioneren lukt mij niet

[Verwijderd]

Het probleem is dat ik met geen mogelijkheid mijn footer juist gepositioneerd krijg.

Mijn index.php bevat (aka Joomla template):

</p>
<div align="right"><br>
</div>
<div id="footer">
<td height="20" align="right" valign="bottom" class="small">
<p align="right">Designed by <a href="http://www.sider.nl">SIDER| Automatisering</a> <br>
<?php include_once('includes/footer.php'); ?>
</div>
</p>
</div></td>
</tr>
</table>
<table width="100%" valign="bottom" border="0" cellpadding="0" cellspacing="0" background="templates/www.sider.nl/images/bg.gif">
<tr>
<td>
</tr>
</table>
</body>
</html>

De CSS die word aangeroepen bevat:

.footer {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #FFFFFF;
font-size : 10px;
color : #FFFFFF;
font-weight : normal;
position : relative;
bottom : 0;
}
.footer a:link, .footer a:visited {
font-size : 11px;
color : #FFFFFF;
text-decoration : none;
font-weight : bold;
}
.footer a:hover {
font-size : 11px;
color : #333333;
text-decoration : none;
font-weight : bold;
}

Ik heb al van alles geprobeert (en zeker ook gezocht!) maar ik krijg het echt niet werkend.
Weet iemand raad?

[BtM909]

Wil je je footer fixed beneden hebben, dan moet je geen position: relative maar position: absolute gebruiken.

En code kan tussen [norml]

HTML:

en

Cascading Stylesheet:

[/] tags

[Verwijderd]

Beste BtM909

Bedankt voor de tips.
Had dit al geprobeerd maar toch werkt het niet. De footer staat niet mooi onderaan en zeker als er niet veel tekst op de pagina staat.

Laatste resultaat is te bekijken op http://www.vanoordbouw.nl

HTML:

<div align="right"><br>
</div>
<table width="100%" height="40" border="0" cellpadding="0" cellspacing="0" background="templates/www.sider.nl/images/bgtop.png">
  <tr valign="top">
    <td height="20" align="center" valign="middle" class="small"><div align="left">
        <p align="right">Designed by <a href="http://www.sider.nl">SIDER| Automatisering</a> <br>
          <?php include_once('includes/footer.php'); ?>
        </p>
      </div></td>
  </tr>
</table>
<table width="100%" valign="bottom" border="0" cellpadding="0" cellspacing="0" background="templates/www.sider.nl/images/bg.gif">
  <tr>
    <td>
  </tr>
  </td>
</table>
</body>
</html>

En mijn CSS is nu:

Cascading Stylesheet:

.footer {
  font-family      : Verdana, Geneva, Arial, Helvetica, sans-serif;
  color            : #FFFFFF;
  font-size        : 10px;
  color            : #FFFFFF;
  font-weight      : normal;
  position           : absolute;
  bottom                 : 0;
 }
.footer a:link, .footer a:visited {
  font-size        : 11px;
  color            : #FFFFFF;
  text-decoration  : none;
  font-weight      : bold;
}
.footer a:hover {
  font-size        : 11px;
  color            : #333333;
  text-decoration  : none;
  font-weight      : bold;
}

[Verwijderd]

verwijder dit stukje eens...

code:

<table width="100%" valign="bottom" border="0" cellpadding="0" cellspacing="0" background="templates/www.sider.nl/images/bg.gif">
  <tr>
    <td>
  </tr>
  </td>
</table>

[Verwijderd]

Je kan het beste je footer in een div zetten, die direct in je body staat.
Dus idd niet in een tabel plaatsen oid.

[Pendaco]

miss een idee om hier even te kijken.

En idd gebruik tabellen alleen voor tabulaire data en niet om pagina's op te maken of in te delen.

[Boelie-Boelie]

Het is een template, misschien is het dan wat moeilijker om van die tabellen af te komen?

Verder snap ik niet helemaal hoe die footer gepositioneerd moet zijn, dat staat niet in de beginpost. Moet de footer hoe kort de tekst ook is aan de onderkant van het scherm blijven, maar bij langere tekst onder de tekst komen (en dan uit beeld), zoals The Man in Blue's FooterstickAlt?

Of moet de footer net als die link van Pendaco? Een andere manier staat beschreven in Sitepoint's Catfish.

[Verwijderd]

Dat van Thrack verwijdert, maar dat helpt niet.
Boelie-Boelie idd was niet helemaal duidelijk, ik bedoel het eerste:
de footer moet hoe kort de tekst ook is aan de onderkant van het scherm blijven, maar bij langere tekst onder de tekst komen (en dan uit beeld).
Ga nu slapen, maar ga morgen aan de slag met de tips. Iedereen thanks :-)