The body of my page is blank, why?

HTML & CSS
1

Hi guys

I think I’m beginning to go nuts, I can’t find the problem of this page below,
My programming Adventure…

I tried to echo/print a “Hello world” or test string text in the <body> section
but it doesn’t show anything.

By the way the reset.css is in this link below,
http://coder9.com/adventure/css/reset.css

My default.css is in this link below,
http://coder9.com/adventure/css/default.css

The codes of the index.php is this below,


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
		<link rel="stylesheet" href="css/reset.css" />		
    <link rel="stylesheet" href="css/default.css" />
				
	<title>My programming Adventure...</title>

</head>

<body>

<?php
	$db_handle = mysql_connect('localhost', 'coder9_work', 'asdf1234');
	$db_found = mysql_select_db('coder9_portfolio', $db_handle);
?>

<div id='pagewrap'>

	<div align="center">
	  <div id="header">
	    <table width="950" height="150" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td><div align="center"><img src="images/sonic.jpg" alt="" name="sonicholder" width="104" height="150" id="sonicholder" /></div></td>
            <td><div align="center"><img src="images/banner-adventure.jpg" alt="" name="bannerholder" width="500" height="150" id="bannerholder" /></div></td>
            <td><div align="center"><img src="images/sonic.jpg" alt="" name="sonicholder" width="104" height="150" id="sonicholder" /></div></td>
          </tr>
      </table>  
    </div>
  </div>
	
	<div align="center">
    <div id="body1">
				<br><br><br>

				Sample text
			<div id="container">

<?php
//test select
	if ($db_found) {

		$SQL = "SELECT * FROM portfolio";
		$result = mysql_query($SQL);

		while ($db_field = mysql_fetch_assoc($result)) {
			print $db_field['id'] . "<br>";
			print $db_field['category'] . "<br>";
			print $db_field['title'] . "<br>";
			print $db_field['description'] . "<br>";
			print $db_field['version'] . "<br>";
			print $db_field['started'] . "<br>";
			print $db_field['finished'] . "<br><br>";
		}

		mysql_close($db_handle);

	}
	else {
		print "Database NOT Found ";
		mysql_close($db_handle);
	}	

	echo 'GOD please help me';
	
?>
				
			</div>
    </div>
  </div>
	
	<div align="center">
			<div id="footer">
					<b>Programmer: Warren Nazareno </b><br>
					<b>copyright 2011  </b>
			</div>
	</div>
</div>

	<script type="text/javascript" src="js/myscript.js"></script>
</body>
</html>

I hope someone will help me.

Thanks in advanced.

2

Remove this rule:

html {
  color: #FFFFFF;
}

Having the same text color as background color isn’t the best idea. :smiley:

3

@ralph.m

thanks man it’s working now.