title: Disable vertical overflow in HTML/CSS
body: <p>Currently I'm learning about HTML/CSS, I want to create a blog in windows 8 style (metro style). But I have a problem in disabling the overflow-y. I'm using a table in <code>&lt;body&gt;</code> of html with a fixed size of each table data. But whenever I add a cell into a row in the table, if the row is overflow in x direction, that cell automatically jump down.</p>
  
  <p>Is there anyway to avoid this?</p>
  
  <p>this is a part of my code:</p>
  
  <p>CSS:</p>
  
  <pre><code>/***Creating the dashboard in metro style***/
  .dashboard {
      position: fixed;
      top: 10.5em;
      left: 0;
      padding-top: 1em;
      padding-left: 1em;
      padding-bottom: 1em;
      border: 5px solid white;
      overflow-x: scroll;
      overflow-y:hidden;
  }
  
  td {
      border: 3px solid yellow;
      float: left;
      margin: 0;
      color: black;
      width: 300px;
      font-size: 1.5em;
      cursor: pointer;
      position: relative;
      background-color: white;
  }
  
  .tile-1{
      background-color: #56d9c9;
      color: white;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="dashboard"&gt;
              &lt;table style="border: 1px solid red"&gt;
                  &lt;tr&gt;
                      &lt;td&gt;&lt;p&gt;I just got you babe 1&lt;/p&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;p&gt;I just got you babe 2&lt;/p&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;p&gt;I just got you babe 3&lt;/p&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;p&gt;I just got you babe 4&lt;/p&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;p&gt;I just got you babe 5&lt;/p&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;p&gt;I just got you babe 6&lt;/p&gt;&lt;/td&gt;
                  &lt;/tr&gt;
  
                  &lt;tr&gt;
                      &lt;td&gt;&lt;p&gt;I just got you babe 7&lt;/p&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;p&gt;I just got you babe 8&lt;/p&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;p&gt;I just got you babe 9&lt;/p&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;p&gt;I just got you babe 10&lt;/p&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;p&gt;I just got you babe 11&lt;/p&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;p&gt;I just got you babe 12&lt;/p&gt;&lt;/td&gt;
                  &lt;/tr&gt;
  
                  &lt;tr&gt;
                      &lt;td&gt;&lt;p&gt;I just got you babe 13&lt;/p&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;p&gt;I just got you babe 14&lt;/p&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;p&gt;I just got you babe 15&lt;/p&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;p&gt;I just got you babe 16&lt;/p&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;p&gt;I just got you babe 17&lt;/p&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;p&gt;I just got you babe 18&lt;/p&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;p&gt;I just got you babe 19&lt;/p&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;p&gt;I just got you babe 20&lt;/p&gt;&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
          &lt;/div&gt;
  </code></pre>