Размещение стола на div

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>

Здесь таблица не помещается в контейнер когда я пытаюсь сделать. Как можно достичь, чтобы соответствовать таблица в теге контейнера? есть идеи?

1008 * CSS *

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

Table 
  width:900px;

/ * как подогнать размер контейнера до ширины стола * / или нет решения? У моего контейнера есть левый и правый боковой зазор, и когда я включаю таблицу, она выглядит странно и не помещается в контейнер контейнера?

Answer 1

Вы не можете иметь таблицу размером 900 пикселей в контейнере размером 640 пикселей.Лучше всего объявить ширину в одном из них, а другой взять эту ширину:

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

Answer 2

да?Почему вы делаете стол больше контейнера, если хотите, чтобы он помещался внутри контейнера?

Попробуйте:

table
{
    width:100%;
}

Если это не то, что вы имели в виду, вам нужно прояснить свой вопрос, потому что я действительно не понимаю ваш мыслительный процесс здесь.