ho creato un sito con alcune parti fisse e un main centrale che varia fatto in php e css ho questo problema quando visualizzo il db delle ricette non entra nel main e vorrei fare in modo di evitare di utilizzare i frame come posso ovviare?

potete vedere cio' che intendo http://www.mondoricette.com/1/index.php?pag=15&id=255

qui lo style.css
codice:
/* CSS layout */ h1,h2,h3,h4{ 	margin: 0; 	text-align: center; 	color: #E6B351; 	font-family: Georgia; }  p{ 	margin: 0;     color: #FFFBEC; 	font-family: Georgia; }  body { 	margin: 0; 	padding: 0; 	background: #C6845B;  	background-image:url(images/sfondo.jpg); }  #header { 	width: 1014px; 	height: 148px; 	background-image:url(images/header.swf); 	}   div#container { 	width: 1014px; 	height: 765px; 	background-image:url(images/body.jpg); }  div#menusx {  	width: 154px; 	float: left; }  div#menudx { 	width: 154px; 	float: right; }  div#content { 	margin-left: 200px; 	margin-right: 200px; } .centro {  text-align: center; }  .button a { margin-top: 129px; display: block; width: 154px; height: 73px; background: url(images/ricette.jpg) no-repeat top left; }  .button a:hover { 	background-position: right; }  .button2 a { display: block; width: 154px; height: 73px; background: url(images/curiosita.jpg) no-repeat top left; }  .button2 a:hover { 	background-position: right; }  .button3 a { display: block; width: 154px; height: 73px; background: url(images/regioni.jpg) no-repeat top left; }  .button3 a:hover { 	background-position: right; }  .button4 a { display: block; width: 154px; height: 73px; background: url(images/glossario.jpg) no-repeat top left; }  .button4 a:hover { 	background-position: right; }  .button5 a { display: block; width: 154px; height: 70px; background: url(images/home.jpg) no-repeat top left; }  .button5 a:hover { 	background-position: right; }  .button6 a { margin-top: 190px; display: block; width: 154px; height: 73px; background: url(images/newsletter.jpg) no-repeat top left; }  .button6 a:hover { 	background-position: right; }  .button7 a { display: block; width: 154px; height: 73px; background: url(images/contatti.jpg) no-repeat top left; }  .button7 a:hover { 	background-position: right; }  .button8 a { display: block; width: 154px; height: 73px; background: url(images/segnala.jpg) no-repeat top left; }  .button8 a:hover { 	background-position: right; }  .button9 a { display: block; width: 154px; height: 73px; background: url(images/amici.jpg) no-repeat top left; }  .button9 a:hover { 	background-position: right; }  .button10 a { display: block; width: 154px; height: 70px; background: url(images/privacy.jpg) no-repeat top left; }  .button10 a:hover { 	background-position: right; } #bottoni { margin-top: 470px; margin-left: 230px; } a:link { 	text-decoration: none; 	color: #FFFFFF; } a:visited { 	text-decoration: none; 	color: #FFFFFF; } a:hover { 	color: #FFFFFF; 	text-decoration: none; } a img{ border-color:#3F2727; } .privacy { 	color: #FFFBEC; 	font-size: small; 	font-family: 'Georgia'; 	text-align: justify; } #privacy2 { 	float: right; 	margin-left: 160px; } #allestimento { 	margin-top: 200px; 	margin-left: 30px; } #blog { 	margin-top: 160px; 	margin-left: 100px; }  .destra { 	float: right; }  .testo2 { 	color: #E6B351; 	font-size: medium; 	font-family: 'Georgia'; 	text-align: left; 	margin-left: 200px;  	margin-right: 0px;  	margin-top: 0px;  	padding: 0px;  	padding-bottom: 0px;  	padding-left: 0px;  	padding-right: 0px;  	padding-top: 30px; } form{width:370px;padding:0px 0;margin:10px}  .banner { 	text-align: center; 	line-height: 18px; } #glossario { 	color: #FFFBEC; 	font-size: large; 	font-family: 'Georgia'; 	text-align: justify; 	line-height: 24px; }