Comment insérer textes avec suite en html,..?

salut, je suis débutant en webdesign. Pour les besoins d'un site, je dois insérer plusieurs textes qui dépassent la hauteur d'un écran. Le problème, c'est qu'en dessous du texte, j'ai une bannière et une barre de couleur qui se répètent sur chaque page. Tout est positionné avec du CSS. Par ex ma bannière du bas:

<div id="bas">
<table width="1024">
  <tr>
    <td width="378">&nbsp;</td>
    <td width="182"><img src="images\logo3.gif" width="65" height="62" /></td>
    <td width="281">&nbsp;</td>
  </tr>
</table>
<table height="60" width="1024" align="left">
      <tr>
        <td bordercolor="#807555" bgcolor="#817656"></td>
    </tr>
</table>
    <p align="center">&nbsp;</p>
</div>

le problème est le suivant: comme mon texte est trop long il est recouvert par ma bannière et ma barre colorée en bas. Il faudrait que mon texte s'arrête juste à la bannière du bas ou bien que je divise le texte en deux parties. Comment alors faire lire la deuxième partie aux internautes?
Je pourrais bien sûr faire défiler le texte. J'ai essayé mais ma bannière et ma barre colorée défilent en même temps tout en recouvrant le texte. Je ne trouve pas de solution. Qui peut me conseiller?Merci