title: make center align bottom page footer in asp.net
body: <p>I am facing one problem</p>
  
  <p>my footer in page stays down but it not at center.</p>
  
  <p>its right aligned now</p>
  
  <p>I want make it to center aligned.</p>
  
  <p>earlier it was not even staying down but then applied .footerContent css  which is mentioned below.</p>
  
  <p>after applying .footerContent. it solved my problem of footer not being bottom of page. now its at bottom but shows extensively right . half of footer gets cut.</p>
  
  <p>can u guys correct n show me whats wrong.</p>
  
  <p>I am attaching here screen so that u can position of footer.
  <a href="https://lh5.googleusercontent.com/fdKowa6n_ds6XKw7VrLAiqgQo4Txt-5HHe9QuOgWekg=w353-h207-p-no" rel="nofollow">see here</a></p>
  
  <p><strong>heres markup</strong></p>
  
  <pre><code>&lt;body&gt;
      &lt;form id="form1" runat="server"&gt;
      &lt;div id="wrapper"&gt;
          &lt;div id="header" runat="server"&gt;
          &lt;%-- Menu goes here --%&gt;
        &lt;/div&gt;    
        &lt;div id="masterpageContent" class="footer"&gt;
          &lt;asp:ContentPlaceHolder ID="MainContent" runat="server" /&gt;
        &lt;/div&gt;  
      &lt;/div&gt;
      &lt;div class="footerContent"&gt;
          &lt;div class="footerbrd"&gt;
          &lt;/div&gt;
          &lt;p class="clear"&gt;
          &lt;/p&gt;
          &lt;div class="footer"&gt;
              &lt;div class="c1 fleft"&gt;
                  Best viewed in IE8 and above with Resolution 1024x768
              &lt;/div&gt;
              &lt;div class="c2 fleft"&gt;
                  (c) Copyright 2013 
                  &lt;br /&gt;
                  All Rights Reserved.
              &lt;/div&gt;
              &lt;div class="c3 fright"&gt;
                  Site by abc Team
              &lt;/div&gt;
              &lt;p class="clear"&gt;
              &lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><strong>and heres css</strong></p>
  
  <p>/<em>footer start</em>/</p>
  
  <pre><code>.footerbrd {width:929px; height:1px; background:#ef0b14; margin:0px auto;}
  .footer {width:929px; margin:0px auto; padding:5px 0px; color:#666666;}
  .footer .c1 {width:300px; margin:0px; padding:0px;}
  .footer .c2 {width:375px; margin:0px; padding:0px; text-align:center;}
  .footer .c3 {width:254px; margin:0px; padding:0px 0px 0px 0px; text-align:right;}
  ul.foot {list-style:none; padding: 0px 0px; margin: 0px;}
  ul.foot li {list-style:none; float:left; line-height:12px;}
  ul.foot li a {color:#666666; padding: 2px 10px; font-size:11px; text-decoration:none; display:block; float:left;}
  
  .footerContent { 
      position: absolute;
      height: 50px;
      width: 929px;
      margin: auto;
      bottom: 0px;   
  }
  </code></pre>
  
  <p>/<em>footer end</em>/</p>