1 Reply Latest reply: Aug 13, 2012 6:08 AM by Jon Fritz II RSS

    Unable to eliminate Right margin


      Trying to eliminate right margin in DW CS4 to no avail.

      Here is the 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 {

      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. */



      .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 {





      left: 548px;

      top: 16px;




      <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

      <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />


      <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>


                  <li><a href="bcanj.html">BCANJ</a>            </li>

                  <li><a href="mcanj.html">MCANJ</a></li>



              <li><a href="awards.html">Awards</a></li>

              <li><a href="#" class="MenuBarItemSubmenu">Projects</a>


                  <li><a href="#" class="MenuBarItemSubmenu">Amusement</a>


                      <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>



                  <li><a href="#" class="MenuBarItemSubmenu"> Education</a>


                      <li><a href="educationprojectsnewarkacademy.html">Newark Academy</a></li>

                      <li><a href="educationprojectspingrymiddleschool.html">Pingry Middle School</a></li>



                  <li><a href="#" class="MenuBarItemSubmenu">Higher Education</a>


      <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>



                  <li><a href="#" class="MenuBarItemSubmenu">Institutional</a>


                      <li><a href="institutionalprojectscohencancercenter.html">Newark Beth Israel Hospital</a></li>

                      <li><a href="institutionalprojectssbmcparapet.html">Saint Barnabas Medical Center</a></li>





              <li><a href="contact.html">Contact</a></li>



        <!-- 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 &amp; 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"});