Trying to eliminate right margin in DW CS4 to no avail.
<!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 {
background: #666666;
margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
margin-left: -5px;
margin-right: 0px;
}
.oneColFixCtrHdr #container {
width: 1085px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
background: #DDDDDD;
margin: 0; /* the auto margins (in conjunction with a width) center the page */
border: 0;
text-align: left; /* this overrides the text-align: center on the body element. */
margin-left: -5px;
margin-right: 0px;
padding: 0;
}
.oneColFixCtrHdr #header {
background: #DDDDDD;
padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
margin: 0;
}
.oneColFixCtrHdr #header h1 {
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
background: #FFFFFF;
margin: 0px;
}
.oneColFixCtrHdr #footer {
padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
background:#DDDDDD;
}
.oneColFixCtrHdr #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#apDiv1 {
position:absolute;
width:434px;
height:47px;
z-index:1;
left: 548px;
top: 16px;
}
-->
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body topmargin="0" marginheight="0" class="oneColFixCtrHdr">
<div id="container">
<div id="header">
<h1 class="oneColFixCtrHdr"><img src="full-logo7-cropped-for-transparency.gif" width="250" height="150" alt="logo" /></h1>
<div id="apDiv1">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.html">Home</a> </li>
<li><a href="about.html">About</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Associations</a>
<ul>
<li><a href="bcanj.html">BCANJ</a> </li>
<li><a href="mcanj.html">MCANJ</a></li>
</ul>
</li>
<li><a href="awards.html">Awards</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Projects</a>
<ul>
<li><a href="#" class="MenuBarItemSubmenu">Amusement</a>
<ul>
<li><a href="http://www.fab-form.com/fastfootCom/fastfootComProjectGreenLantern.php" target="|blank">Green Lantern and Fast Foot</a></li>
<li><a href="amusementprojectsgreenlantern.html">Green Lantern</a></li>
<li><a href="amusementprojectsskyscreamer.html">Sky Screamer</a></li>
<li><a href="amusementprojectstornado.html">Tornado</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu"> Education</a>
<ul>
<li><a href="educationprojectsnewarkacademy.html">Newark Academy</a></li>
<li><a href="educationprojectspingrymiddleschool.html">Pingry Middle School</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Higher Education</a>
<ul>
<li><a href="highereducationprojectsdrewuniversitymclendonhall.html">Drew Univ, McLendon Hall</a></li>
<li><a href="highereducationprojectsdrewuniversityseminaryhall.html">Drew Univ, Seminary Hall</a></li>
<li><a href="highereducationprojectsrutgers.html">Rutgers</a></li>
<li><a href="highereducationprojectswarrencountycollege.html">Warren County Comm College</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Institutional</a>
<ul>
<li><a href="institutionalprojectscohencancercenter.html">Newark Beth Israel Hospital</a></li>
<li><a href="institutionalprojectssbmcparapet.html">Saint Barnabas Medical Center</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<!-- end #header --></div>
<div id="mainContent">
<h1><img src="drewuniversityseminaryhall2_2resized.jpg" width="1085" height="1000" /></h1>
<!-- end #mainContent --></div>
<div id="footer">
<h5 align="center"><strong>PHONE (732)-926-0021 FAX (732)-926-0041 EMAIL: </strong><a href="mailto:SP@Forceconcretemasonrycorp.com">sp@forceconcretemasonrycorp.com</a></h5>
<p style="font-size: 12px"> © Copyright 2012 Force Concrete & Masonry Corporation. All rights reserved. <strong> </strong></p>
<p> </p>
<!-- end #footer --></div>
<!-- end #container --></div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
