title: Using CSS to create three columns layout in MVC master page
body: <p>ASP.NET MVC 2 project.</p>
  
  <p>I want to create a master page that has three columns layout. I use table now.</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"&gt;
              &lt;/asp:ContentPlaceHolder&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;asp:ContentPlaceHolder ID="MainContent" runat="server"&gt;
              &lt;/asp:ContentPlaceHolder&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server"&gt;
              &lt;/asp:ContentPlaceHolder&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Then something like:</p>
  
  <pre><code>&lt;asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server"&gt;
      &lt;h2&gt;
          Custom Master Demo&lt;/h2&gt;
  &lt;/asp:Content&gt;
  &lt;asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server"&gt;
      &lt;meta name="description" content="Here are some keywords for our     page description."&gt;
  &lt;/asp:Content&gt;
  &lt;asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"&gt;
      &lt;div style="width: 200px; height: 200px; border: 1px solid #ff0000;"&gt;
          &lt;ul&gt;
              &lt;li&gt;Home&lt;/li&gt;
              &lt;li&gt;Contact Us&lt;/li&gt;
              &lt;li&gt;About Us&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/asp:Content&gt;
  &lt;asp:Content ID="Content" ContentPlaceHolderID="ContentPlaceHolder2" runat="server"&gt;
      &lt;div style="width: 200px; height: 200px; border: 1px solid #000000;"&gt;
          &lt;b&gt;News&lt;/b&gt;&lt;br /&gt;
          Here is a blurb of text on the right!
      &lt;/div&gt;
  &lt;/asp:Content&gt;
  </code></pre>
  
  <p>The layout likes:
  <img src="https://i.stack.imgur.com/oa5sy.png" alt="master page"></p>
  
  <p>However it might be stupid by using table, is there a way to implement it with CSS?</p>
  
  <p>Thanks.</p>