Как мне масштабировать таблицы в окно? Нужен ли мне CSS и/или jQuery?

Question

Я пытаюсь создать таблицу внутри одного из моих divs, один, который регулирует его ширину при изменении масштаба окна или разрешения. Тем не менее, таблицы сохраняют кровотечение при каждом изменении экрана.

Это так же просто, как использование CSS для его достижения, или это нечто более сложное, чего мне не хватает.

<img align='left' src='http://imgur.com/e8K63LI.png'></img> 
     <table bordercolor='black' width='900' bgcolor='white' border='0'> 
      <tr> 
       <td align='left'> <h1>XTR 250LC</h1> </td> 
      </tr> 
       <td align='right'><b>Price to be determined</b></td> 
      </tr> 
      <tr> 
       <td><h3>Specs</h3></td> 
      </tr> 
      <tr> 
       <td><b>Available Colors</b></td><td>White, Blue and Black</td> 
      </tr> 
      <tr> 
       <td><b>Curb Weight</b></td><td>223 lbs</td> 
      </tr> 
     </table> 

Answer 1

Снимите фиксированную ширину на вашем столе тэгом:

<table bordercolor='black' bgcolor='white' border='0'> 

Вы можете добавить "Ширина: 100%" стиль. Таким образом он изменит свой размер при изменении разрешения.