title: How to alligned/set Layout of Master Page ASP.Net
body: <p>Need some help on how to set the layout like normally websites do.</p>
  
  <p>For example : <a href="http://www.rachaelray.com/food.php" rel="nofollow">http://www.rachaelray.com/food.php</a></p>
  
  <p>This website contents appears to be right in the center of the in big, white box and there's light blue colour as the background. </p>
  
  <p>My website would be much simpler. </p>
  
  <p>I don't really have the idea on how to have such (website above) layout for my master page.</p>
  
  <p>Below is what I have done so far :- </p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head runat="server"&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;asp:ContentPlaceHolder id="head" runat="server"&gt;
  
          &lt;style type="text/css"&gt;
           #main
            {
  
             }      
           .left
           {
              margin:0 auto;
              float:left;
              width:20%;
            }
           .right
           {
              margin:0 auto;
              float:right;
              width:20%;
            }
          .content
           {
  
              width:100%;
  
            }
          .footer
          {
           padding:5px;
           background:black;
           color:white;
          }
              .wrapper 
              {
                  margin: 0 auto;
                  width: 700px;
              }
              .auto-style1 {
                  width: 466px;
                  image-orientation:auto;
              }
              .auto-style2 {
                  width: 466px;
                  height: 23px;
              }
              .auto-style3 {
                  width: 100%;
                  border: 1px solid #000000;
              }
          &lt;/style&gt;
  
      &lt;/asp:ContentPlaceHolder&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form id="form1" runat="server"&gt;
      &lt;div id="left" class="left" &gt; &lt;/div&gt;
      &lt;div id="cont" class="wrapper"&gt;
          &lt;table class="content"&gt;
           &lt;tr&gt;
              &lt;td class="auto-style1"&gt;
              &lt;asp:Image ID="Logo_MaduDTrading" runat="server" ImageUrl="~/Images/BeforeLogin/Logo_MaduDTrading.jpg" /&gt;
              &lt;/td&gt;
           &lt;/tr&gt;
           &lt;tr&gt;
              &lt;td class="auto-style2"&gt;
  
                 &lt;/td&gt;
           &lt;/tr&gt;
           &lt;tr&gt;
              &lt;td class="auto-style1"&gt;
              &lt;asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"&gt; 
  
              &lt;/asp:ContentPlaceHolder&gt;
              &lt;/td&gt;
           &lt;/tr&gt;
           &lt;tr&gt;
              &lt;td class="auto-style1"&gt;
  
                  &amp;nbsp;&lt;/td&gt;
           &lt;/tr&gt;
           &lt;tr&gt;
              &lt;td class="auto-style1"&gt;
  
                  &amp;nbsp;&lt;/td&gt;
           &lt;/tr&gt;
         &lt;/table&gt;
      &lt;/div&gt;
       &lt;div id="right" class="right"&gt;&lt;/div&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Any ideas/suggestions ?</p>
  
  <p>Thank you in advanced.</p>