CSS初心者スレッド＝7th＝

CSS初心者スレッド＝7th＝at HP

CSS初心者スレッド＝7th＝ - 暇つぶし2ch■コピペモード
□スレを通常表示
□オプションモード
□このｽﾚｯﾄﾞのURL
■項目テキスト

955:Name_Not_Found
 10/05/03 01:23:22 
http://imepita.jp/20100503/043510 
図の上のようにしたいのですが、IE8ではきちんとできるものの 
IE6では下のようになってしまい、きちんと空白を開けることが出来ません。 
原因はIE6のバグでwidthがpaddingを含んで計算されているせいだとは分かるのですが 
どのようにCSSを修正すればIE8と同じように表示させられるのかが分かりません。 
HTMLをいじらず、CSSの修正のみでIE8と同じようにIE6でも上下に10px、左右に20pxの余白を 
表示させられる方法をどなたかお教え頂けますでしょうか。 
 
HTMLは下記のように作成しています。 
 
<div id="calendar"> 
<table border="0" cellspacing="0" cellpadding="0"> 
<caption class="calendarhead">2010年05月</caption> 
<tr><th class="calendarday">日</th> 
<th class="calendarday">月</th> 
<th class="calendarday">火</th> 
<th class="calendarday">水</th> 
<th class="calendarday">木</th> 
<th class="calendarday">金</th> 
<th class="calendarday">土</th></tr> 
<tr><td align="center" class="calendarday"></td> 
<td align="center" class="calendarday"></td> 
<td align="center" class="calendarday"></td> 
<td align="center" class="calendarday"></td> 
<td align="center" class="calendarday"></td> 
<td align="center" class="calendarday"></td> 
<td align="center" class="calendarday">1</td></tr>…（中略）…</table></div>

次ページ