title: CSS Table style in Django isn't showing the table design
body: <p>I have a problem with one of the design in Django template, all the other designs is working fine but the table css code is not working i'm attaching a part of the css code and the relevant part from the Djnago template.</p>
  
  <p>My CSS file:</p>
  
  <pre><code>* {
      margin: 0;
      padding: 0;
  }
  
  body {
      text-align: justify;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 13px;
      color: #333333;
  }
  
  table.gridtable {
      font-family: verdana,arial,sans-serif;
      font-size:11px;
      color:#333333;
      border: 1px #666666;
      border-collapse: collapse;
  }
  table.gridtable th {
      padding: 8px;
      border: 1px solid #666666;
      background-color: #dedede;
  }
  table.gridtable td {
      padding: 8px;
      border: 1px solid #666666;
      background-color: #ffffff;
  }
  
  form {
  }
  
  input, textarea {
      padding: 2px 5px;
      font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
      color: #333333;
  }
  ........
  </code></pre>
  
  <p>Code in Django Template:</p>
  
  <pre><code>.........
  &lt;div id="latest-post-wrap"&gt;
      &lt;div id="latest-post" class="post"&gt;
          &lt;p class="byline"&gt;&lt;/p&gt;
  {#        &lt;p class="byline"&gt;&lt;span&gt;Posted on December 15th, 2007 by &lt;a href="#"&gt;Someone&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;#}
          &lt;h1 class="title"&gt;&lt;a href="#"&gt;Logger&lt;/a&gt;&lt;/h1&gt;
          &lt;div class="entry"&gt;
  
  
  
  {#        &lt;table class="imagetable" border="1" style="text-align: center"&gt;#}
          &lt;table class="gridtable"&gt;
              &lt;tr&gt;
                  &lt;th style="width: 100px"&gt;id&lt;/th&gt;
                  &lt;th style="width: 100px"&gt;id Handle&lt;/th&gt;
                  &lt;th style="width: 700px"&gt;Date&lt;/th&gt;
                  &lt;th style="width: 100px"&gt;Name&lt;/th&gt;
                  &lt;th style="width: 100px"&gt;Host&lt;/th&gt;
                  &lt;th style="width: 100px"&gt;Serial Number&lt;/th&gt;
                  &lt;th style="width: 100px"&gt;Batch Number&lt;/th&gt;
                  &lt;th style="width: 100px"&gt;Site&lt;/th&gt;
                  &lt;th style="width: 100px"&gt;Cavity&lt;/th&gt;
              &lt;/tr&gt;
              {% for handle in handles %}
              &lt;tr&gt;
                  &lt;td&gt;{{ handle.id }}&lt;/td&gt;
                  &lt;td&gt;{{ handle.idhandle }}&lt;/td&gt;
                  &lt;td&gt;{{ handle.createdate }}&lt;/td&gt;
                  &lt;td&gt;{{ handle.handlename }}&lt;/td&gt;
                  &lt;td&gt;{{ handle.handlehost }}&lt;/td&gt;
                  &lt;td&gt;{{ handle.serialnumber }}&lt;/td&gt;
                  &lt;td&gt;{{ handle.batchnumber }}&lt;/td&gt;
                  &lt;td&gt;{{ handle.site }}&lt;/td&gt;
                  &lt;td&gt;{{ handle.cavity }}&lt;/td&gt;
              &lt;/tr&gt;
              {% endfor %}
          &lt;/table&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The problem is that the table style from the css is not working any ideas?
  All the other styles are working ok, only the table fails to work.</p>
  
  <p><strong>Edit1</strong></p>
  
  <p>The current view - there is no style 
  <img src="https://i.stack.imgur.com/bS1V8.jpg" alt="enter image description here"></p>
  
  <p>Need Style:</p>
  
  <p><img src="https://i.stack.imgur.com/cW6at.jpg" alt="enter image description here"></p>