I only tested this in FF 3.5 and IE8.
Code:
<!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" />
<title>Untitled Document</title>
<style type="text/css">
body {
margin: 0;
padding: 0;
color: #000;
background-color: rgb(233, 233, 233);
}
#layout {
width: 714px; margin: 0 auto;
}
.header {
width: 100%;
height: 224px;
text-align: center;
margin: 0 auto;
}
A:link {
color: #000099;
}
A:visited {
color: #990099;
}
img {
border: none;
}
.wrapper {
width: 714px;
margin: 0 auto;
background: url("http://createanonlinebiz.com/images/background.jpg") repeat-y;
overflow: hidden; min-height: 1px;
}
.footer {
width: 100%;
height: 115px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.leftcolumn {
width: 20px;
float: left; display: block; margin: 0 0; padding: 0 0;
/* delete the following declarations; they're here just for debug */
height: 200px; background: #ebebeb;
}
.centercolumn {
width: 674px;
text-align: center;
float: left; display: block; margin: 0 0; padding: 0 0;
/* delete the following declarations; they're here just for debug */
height: 200px; background: #ccc;
}
.righttcolumn {
width: 20px;
float: left; display: block; margin: 0 0; padding: 0 0;
/* delete the following declarations; they're here just for debug */
height: 200px; background: #ddd;
}
</style>
</head>
<body>
<div id="layout">
<div class="header">
<a href="index.html"><img alt="Header" src="../images/header.jpg"></a>
</div>
<div class="wrapper">
<div class="leftcolumn">
<span>LEFT</span>
</div>
<div class="centercolumn">
<span>CENTER</span>
</div>
<div class="righttcolumn">
<span>RIGHT</span>
</div>
</div>
</div>
</body>
</html>