Question

<div id="container">

<div class="main_div">

  <div class="cell1">1</div>
  <div class="cell2">2</div>

    <table>
     <tr>

       <td > The Tag </td>
        <td> The  Tag </td>
             .....
          more data
      </tr>

     </table>
</div>
</div>

</body>
</html>

Here the Table won’t fit the container
when I try to do. How can achieve to fit
the table in “container tag? any idea?

css

#container{
margin:0 auto;
width:640px;
}

Table 
  width:900px;

/* how to fit shall I reduce the container to table width */ or no solution?
My container has the left and right side gap & when I include the table it look odd and not fit the container box ?

Answer 1

You can’t have the table that’s 900px fit in a container that’s 640px. It’s best to declare the width in one of them and have the other take on that width:

#container { width: 900px; }
table { width: 100%; }