Why is this page invalid?
Pasted into http://validator.w3.org/ I'm told that the page is
invalid. Why? It flags problems with the <bodyand </htmltags but
I can't see why. Is the W3C validator broke is or it my page? If it's
my page then what's wrong with it?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://
www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>my page - Login</title>
<link href="images/login.css" rel="stylesheet" type="text/css">
<script src="javascript/browser.js" type="text/javascript"></script>
</head>
<body>
<!--start header - contains my page logo-->
<div id="header">
<span>A Logo</span><span id="nav">Home | <a
href="contact.aspx">Contact</a></span>
</div>
<!--end header-->
<!--start login - contains login box and photo-->
<div id="login">
<form method="post" id="frmMain" action="Default.aspx">
<div id="divMain">
<p class="subLogin">Subscriber Login</p>
<p><label for="txtUserName">User Name</label><br>
<input class="mwInput" size="16" name="txtUserName" id="txtUserName"
type="text" title="Please enter text (do not cut and paste)"><br></p>
<p><label for="txtAccessCode">Access Code</label><br>
<input class="mwInput" size="16" name="txtAccessCode"
id="txtAccessCode"
onkeypress="if(event.keyCode==13)validateLoginDeta ils();"
type="password" title="Please enter User and Access codes using
correct letter case."></p>
<div id="loginButton"><a id="loginButtonA"
href="javascript:validateLoginDetails();"LOGIN </a></div>
<p id="ForgotPWD"><a href="contact.aspx?
Action=ForgotPassword">Forgot Password</a></p>
</div>
</form>
<img id="mainphoto" src="images/hd_photo.jpg" width="520" height="260"
alt="two businessmen at a meeting"></div>
<!--end login-->
<!--start tickertape-->
<div id="tickertape">
<iframe marginwidth="0" src="tickertape.aspx" marginheight="0"
frameborder="0" height="17" scrolling="no" width="750"></iframe>
</div>
<!--end tickertape-->
<!--start main div - contains left and right columns and footer and
centres content on the screen-->
<div id="main">
<!--start col1 - this is the lefthand column (services)-->
<div id="col1">
<h3>Subscriptions</h3>
<h3>Services</h3>
<h4>Newswire & Database</h4>
<h4>Watch</h4>
<p> </p>
<h4Analysis</h4>
</div>
<!--end col1 column-->
<!--start col2 - this is the righthand column (welcome, etc.).
Placed first in html code for SEO.
CSS 'float' property is used to switch column position for layout
purposes-->
<div id="col2">
<div class="col2cont1">
<h3>
Some content</h3>
</div>
<div class="col2cont1">
<h3>
Some more content</h3>
</div>
<div class="col2cont2"> </div>
</div>
<!--end col2 column-->
<!--start footer-->
<div id="footer">
<p>A footer<a href="http://www.mypage.com"></a></p>
</div>
<!--end footer-->
</div>
<!--end main div-->
</body>
</html>