hello, I'm working on a template, but it doesn't validate, I have no idea why... here's the source
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">[/URL]
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml"[/URL] lang="en" xml:lang="en">
<head>
<title>title</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" href="styles.css" type="text/css" />
<link rel="shortcut icon" href="favicon.ico" />
</head>
<body>
<div class="container text-center">
<!-- //////////// start main holder //////////// -->
<div id="mainholder">
<!-- //////////// start top //////////// -->
<div id="maintop">
<table class="fcontentt" cellpadding="0" cellspacing="0">
<tr>
<td id="tl" valign="top">
<!-- ////////////////////// start header left ////////////////////// -->
<div id="headertl">
<div class="sitetitle"><a href="#">Site</a></div>
<div class="headertxt">
description</div>
</div>
</div>
<!-- ////////////////////// end header left ////////////////////// -->
</td>
<td id="tr" valign="top">
<!-- ////////////////////// start mini header right ////////////////////// -->
<div id="mheadertr">
<span style="font-size: 10px;">date</span>
</div>
<!-- ////////////////////// end mini header right ////////////////////// -->
</td>
</tr>
</table>
</div>
<!-- /////// end top /////// -->
<!-- /////// start center /////// -->
<div id="maincenter">
<table class="fcontentt" cellpadding="0" cellspacing="0">
<tr>
<td id="cl" valign="top">
<!-- ////////////////////// start main nav ////////////////////// -->
<div id="mainnav">
navigation
</div>
<!-- ////////////////////// end main nav ////////////////////// -->
</td>
<td id="cc" valign="top">
<!-- ////////////////////// start main content ////////////////////// -->
<div id="maincontent">
content
<br /><br />
</div>
<!-- ////////////////////// end main content ////////////////////// -->
</td>
<td id="cr" valign="top">
<!-- ////////////////////// start right ////////////////////// -->
<div id="right">
right
</div>
<!-- ////////////////////// end right ////////////////////// -->
</td>
</tr>
</table>
</div>
<!-- /////// end center /////// -->
<!-- /////// start bottom /////// -->
<div id="mainbottom">
<table class="fcontentt" cellpadding="0" cellspacing="0">
<tr>
<td id="bl" valign="top">
<!-- /////// start bottom left /////// -->
<div id="bottoml">
<div class="text-center">
stuff
</div>
</div>
<!-- /////// end bottom left /////// -->
</td>
<td id="bc" valign="top">
<!-- ////////////////////// start bottom center ////////////////////// -->
<div id="bottomc">
<div style="font-size: 10px; text-align: center;">
©
</div>
</div>
<!-- ////////////////////// end bottom center ////////////////////// -->
</td>
<td id="br" valign="top">
<!-- /////// start bottom right /////// -->
<div id="bottomr">
</div>
<!-- /////// end bottom right /////// -->
</td>
</tr>
</table>
</div>
<!-- /////// end bottom /////// -->
</div>
<!-- /////// end main holder /////// -->
</div>
</body>
</html>