References:
Document Type Declaration
Declaring Character Encoding
The HTML Document Structure
"This document was successfully checked as HTML 4.01 Transitional!"
This works in IE and FF.
It's not pretty. Instead of using a table for your content in the middle, I'd use divs.
Move the CSS to an external stylesheet and don't forget to add the link to it in the head. How to link the stylesheet is in the HTML Document Structure article referenced above.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Creating An Online Business 101</title>
<style type="text/css">
body {
margin: 0px;
padding: 0px;
color: rgb(0, 0, 0);
background-color: rgb(233, 233, 233);
}
A:link {
color: #000099;
}
A:visited {
color: #990099;
}
img {
border: none;
}
#header {
width: 714px;
margin-left: auto;
margin-right: auto;
}
#wrapper {
width: 714px;
margin-left: auto;
margin-right: auto;
background: url(.../images.background.jpg);
}
#footer {
width: 714px;
margin-left: auto;
margin-right: auto;
}
.leftcolumn {
width: 20px;
}
.centercolumn {
width: 674px;
}
.righttcolumn {
width: 20px;
}
</style>
</head>
<body>
<div id="header">
<p><a href="http://www.yourdomainname.com/"><img src="../images/header.jpg" width="714" height="224" alt=""></a></p>
</div>
<div id="wrapper">
<table border="0" cellpadding="0" cellspacing="0" summary="Content">
<tr valign="top">
<td class="leftcolumn">This is your left column</td>
<td class="centercolumn">This is your center column</td>
<td class="rightcolumna">This is your right column</td>
</tr>
</table>
</div>
<div id="footer">
<p><img src="../images/footer.jpg" width="714" height="115" alt="Footer"></p>
</div>
</body>
</html>