PDA

View Full Version : Unbalanced body tag, HTML =(


SilverAce
11-04-2011, 10:37 PM
I'm sure you guys have seen a million of these, but can you spot my error, thanks! It says it's in like 139 ( it will be in red).
<style type="text/css">
#header {
padding: 0px;
height: 300px;
width: 1500px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}
#boxL {
float: left;
height: 100%;
width: 199px;
padding: 10px;
background-color: #CCC;
margin: 10px;
}
#boxC {
float: left;
height: 100%;
width: 799px;
margin: 0px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #333;
border-right-color: #333;
border-bottom-color: #333;
border-left-color: #333;
padding-top: 20px;
padding-right: 10px;
padding-bottom: 20px;
padding-left: 10px;
}
#Menu {
clear: left;
float: none;
height: 40px;
width: 1230px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
}
#boxR {
padding: 10px;
float: left;
height: 100%;
width: 199px;
background-color: #CCC;
margin: 10px;
}
#Page {
padding: 0px;
height: 1000px;
width: 1300px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#foooter {
padding: 20px;
height: 200px;
width: 1200px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
clear: left;
text-align: center;
}
body {
background-image: url(../Images/header%20copy2.png);
background-repeat: repeat-x;
}
#Logo {
height: 235px;
width: 235px;
margin: 0px;
padding: 0px;
float: left;
}
#HeaderText {
margin: 0px;
padding: 0px;
float: left;
height: 200px;
width: 1100px;
}
#leftAD {
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: 880px;
width: 160px;
text-align: center;
}
#rightAD1 {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: center;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

#Greesmoke {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: center;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#boxL #leftAD #sapcer {
height: 280px;
}
</style>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href= "../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css"><body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="header">
<div id="Logo"><img src="../Images/Logo.png" width="235" height="235" alt="logo"></div>
<div id="HeaderText"><img src="../Images/header print3.png" alt="headertext" width="900" height="200" hspace="80"></div>
<div id="Menu">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="../index.htm">Home</a> </li>
<li><a href="../Discounts/index.html">Discounts</a></li>
<li><a href="#">Reviews</a></li>
<li><a href="../About Us/index.html">About Us</a> </li>
<li><a href="../Contact Us/index.html">Contact us</a></li>
</ul>
</div>
</div>
<div id="Page">
<div id="boxL">
<div id="leftAD">
<div id="sapcer"></div>
<a href="http://www.greensmoke.com/26781-35-1-314.html" target="_blank"><img src="http://www.greensmoke.com/earn/banners/tjbell160x600.jpg" alt="" width="160" height="600" border="0" /></a></div>
</div>
<!-- TemplateBeginEditable name="Content" -->
<div id="boxC">
<p>&nbsp;</p>
</div>
<!-- TemplateEndEditable -->
<div id="boxR">
<div id="rightAD">
<div id="Greesmoke">
<p><a href="http://www.greensmoke.com/26781-0-1-268.html" target="_blank"><img border="0" src="http://www.greensmoke.com/earn/banners/logo-badge-final-01.jpg" width="160" height="160" alt="" /></a> </p>
<p>We are proud ambassadors of Green Smoke</p>
</div>
<div id="rightAD1"><a href="http://www.jdoqocy.com/click-5501889-10756917" target="_top"> <img src="http://www.tqlkg.com/image-5501889-10756917" width="160" height="600" alt="160x600 PremiumECig - Best Cigarette Alternative" border="0"/></a></div>
</div>
</div>
<div id="foooter"><a href="http://www.tkqlhce.com/click-5354194-10901616" target="_top"> <img src="http://www.awltovhc.com/image-5354194-10901616" width="900" height="125" alt="Smoketip Electronic Cigarette" border="0"/></a>

</div>
<ul id="MenuBar2" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
<li><a href="#">Item 2</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
<ul>
<li><a href="#">Item 3.1.1</a></li>
<li><a href="#">Item 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Item 3.2</a></li>
<li><a href="#">Item 3.3</a></li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
</script>

gentleone
11-04-2011, 11:02 PM
The <body> tag is probably not closed at the bottom of the document. Just before the closing </html> tag you should have this </body>

SilverAce
11-04-2011, 11:37 PM
Ah, I found it, thanks gent.

gentleone
11-04-2011, 11:38 PM
yer welcome ;)