Ciao a tutti,

poco tempo fa ho iniziato a creare delle pagine Web con il codice CSS, che vi inserirò qua sotto, e ho notato che non riesco a far visualizzare la pagina iniziale tutte le altre pagine che ho creato, prima di farvi la domanda vi inserisco il codice della pagina Web in cui dovrebbero entrare le varie pagine Web.

Ecco il codice:

codice HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title></title>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<style>
#HeaderTableBar {
   BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; HEIGHT: 25px; BACKGROUND-COLOR: #3678a2
}
#HeaderTableBorder {
   BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; WIDTH: 25px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: #3678a2
}
#HeaderTableCorner {
   BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; WIDTH: 25px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; HEIGHT: 25px
}
#MMenuTableCorner {
   BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; WIDTH: 15px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; HEIGHT: 15px
}
#MMenuTD {
   MARGIN-TOP: 0px; PADDING-TOP: 0px
}
#MMenuTableBar {
   PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 15px; BACKGROUND-COLOR: #5ead63
}
#MMenuTableBorder {
   BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; WIDTH: 15px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: #5ead63
}
#ContentTableCorner {
   BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; WIDTH: 15px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; HEIGHT: 15px
}
#ContentTableBar {
   PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 15px; BACKGROUND-COLOR: #ffffff
}
#ContentTableBorder {
   BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; WIDTH: 15px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: #ffffff
}
#PageBody {
   PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 5%; PADDING-TOP: 0px; BACKGROUND-COLOR: #acd9ab
}
#StructTable {
   BORDER-RIGHT: #476999 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #476999 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #476999 1px solid; WIDTH: 100%; PADDING-TOP: 0px; BORDER-BOTTOM: #476999 1px solid; BACKGROUND-COLOR: white
}
#HeaderFrame {
   BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 100%; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; HEIGHT: 108px
}
#TopMenuFrame {
   BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; WIDTH: 100%; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; HEIGHT: 32px; BACKGROUND-COLOR: white
}
#MainMenuFrame {
   BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; WIDTH: 100px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
#ContentFrame {
   PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 800px
}
#MainMenuTD {
   BORDER-RIGHT: #cac4bf 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
#ContentTD {
   BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; HEIGHT: 800px; BACKGROUND-COLOR: yellow
}
#TopMenuTD {
   BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: yellow
}
</style>
<META content="MSHTML 6.00.2900.3157" name=GENERATOR></HEAD>
<body id=PageBody>
<table cellPadding=5 width="90%" border=0>
<tbody>
<tr>
<td width="100%" colSpan=2>
<table cellSpacing=0 cellPadding=0 width="100%" border=0>
<tbody>
<tr>
<td id=HeaderTableCorner>[img]immagini/RoundCornerLeftTop.jpg[/img]</img></td>
<td id=HeaderTableBar width="100%"></td>
<td id=HeaderTableCorner>[img]immagini/RoundCornerRightTop.jpg[/img]</img></td>
</tr>
<tr>
<td id=HeaderTableBorder></td>
<!--
Attenzione per Explorer usato l'attributo FRAMEBORDER per controllare bordo dell'IFRAME
-->
<td width="100%"><iframe id=HeaderFrame src="HeaderTableRnd.htm" frameBorder=0 scrolling=no></iframe></td>
<td id=HeaderTableBorder></td>
</tr>
<tr>
<td id=HeaderTableCorner>[img]immagini/RoundCornerLeftBottom.jpg[/img]</img></td>
<td id=HeaderTableBar width="100%"></td>
<td id=HeaderTableCorner>[img]immagini/RoundCornerRightBottom.jpg[/img]</img></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td vAlign=top>
<table cellSpacing=0 cellPadding=0 width="100%" border=0>
<tbody>
<tr>
<td id=MMenuTableCorner>[img]immagini/MMenuRoundCornerLeftTop.jpg[/img]</img></td>
<td id=MMenuTableBar width="100%"></td>
<td id=MMenuTableCorner>[img]immagini/MMenuRoundCornerRightTop.jpg[/img]</img></td>
</tr>
<tr>
<td id=MMenuTableBorder></td>
<td width="100%"><iframe id=MainMenuFrame name=MainMenuFrame src="MainMenuTableRnd.htm" frameBorder=0 scrolling=no></iframe></td>
<td id=MMenuTableBorder></td>
</tr>
<tr>
<td id=MMenuTableCorner>[img]immagini/MMenuRoundCornerLeftBottom.jpg[/img]</img></td>
<td id=MMenuTableBar width="100%"></td>
<td id=MMenuTableCorner>[img]immagini/MMenuRoundCornerRightBottom.jpg[/img]</IMG></TD>
</tr>
</tbody>
</table>
</td>
<td vAlign=top width="100%" rowSpan=2>
<table cellSpacing=0 cellPadding=0 width="100%" border=0>
<tbody>
<tr>
<td id=ContentTableCorner>[img]immagini/ContentRoundCornerLeftTop.jpg[/img]</img></td>
<td id=ContentTableBar width="100%"></td>
<td id=ContentTableCorner>[img]immagini/ContentRoundCornerRightTop.jpg[/img]</img></td>
</tr>
<tr>
<td id=ContentTableBorder></td>
<td id=TopMenuTD width="100%"><iframe id=TopMenuFrame name=TopMenuFrame src="EmptyPage.htm" frameBorder=0 scrolling=no></iframe></td>
<td id=ContentTableBorder></td>
</tr>
<tr>
<td id=ContentTableBorder></td>
<td id=ContentTD width="100%"><iframe id=ContentFrame name=ContentFrame src="HomeFrame.htm" frameBorder=0></iframe></td>
<td id=ContentTableBorder></td>
</tr>
<tr>
<td id=ContentTableCorner>[img]immagini/ContentRoundCornerLeftBottom.jpg[/img]</img></td>
<td id=ContentTableBar width="100%"></td>
<td id=ContentTableCorner>[img]immagini/ContentRoundCornerRightBottom.jpg[/img]</img>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>
il codice è ugugale al sito internet Amici del Ghana con l'unica differenza che vorrei cambiare i vari colori, come vi ho detto prima non riesco a far visualizzare sia nei laterali sia nella parte centrale il testo, cosa dovrei fare?