HTML/CSS：このテーブルのサイズを設定するにはどうすればよいですか？

Question

あなたが下のリンクにアクセスしてカートにアイテムを追加すると（サイドバーにカートが表示される）、カートがサイドバーウィジェットの端を越えて重なっていることがわかります。私は、テーブルがそれの親コンテナのサイズで作るために書く必要がありますどのようなCSS

http://savageworkouts.com/2012/05/07/sample-product/

？

Answer 1

書き込みテーブルレイアウト：をtable.eshopに固定しました。このように書く：

table.eshop { 
    border-collapse: collapse; 
    table-layout: fixed; 
    width: 99%; 
    word-wrap: break-word; 
} 

Answer 2

あなたのthとtd要素にパディングを変更する必要があります：カートに

table thead tr th, 
table tfoot tr td { 
    padding: 8px 10px 9px; 
    font-size: 14px; 
    font-weight: bold; 
    color: #222; 
} 

0-9の項目は、5は左と右のために良いパディングとして機能します。あなたが上に行きたいなら、あなたはそれをもっと低く押さなければなりません。

table thead tr th, 
table tfoot tr td { 
    padding: 8px 5px 9px; 
    font-size: 14px; 
    font-weight: bold; 
    color: #222; 
} 

フォントサイズを変更することもできます。それは本当にあなた次第であり、使い勝手を損なうことなく、あなたが思うものは何ですか。