ＨＴＭＬメルマガ作成 罫線の余白がうまくいきません

当方ＨＴＭＬ初心者であります

ＨＴＭＬでメールマガジンを作製していますが、

文章を罫線で囲って、{border:groove 6px #ffcc00;padding:10px}でやっていますが

上、左、下は余白調整できているのですが、右側だけ最大で見ると　

罫線が突き抜けてしまいます。　
最大化しても調整できるようにはどうすればいいのでしょうか？

縮小してみるとうまくみれます。

一応手書きの説明（わかりにくかったらすみません）をいれています。

ブラウザはＩＥを使用しています。

ほんとに説明がうまくなくてすみません。

補足もしますので申し訳ありませんが、よろしくお願いします。

No.2 ベストアンサー 回答者： ORUKA1951 回答日時： 2013/05/08 19:46

　tableにwidthを指定していない限り、tableは列すべてのセルについて内容を改行なしに表示できる最小幅になるはずです。

　罫線とはtableのbrderです。

　そうではなく、ブロック要素のborderでしたら、デフォルト幅はコンテナブロック、ルートの場合はウィンドウサイズを参照しますから、ウィンドウ幅になります。
　ですので、ブロック要素でしたらdisplay:の値をinline-block,table,table-cellの何れかにすれば良いです。

この回答へのお礼

当方、ＨＴＭＬ初心者な上、説明がうまくできず、すみませんでした。

もうすこし勉強してから、やってみます。

ありがとうございました。

お礼日時：2013/05/09 08:32

No.1 回答者： t_ohta 回答日時： 2013/05/08 16:31

スタイルシートの解釈としては正しい動作だと思います。

枠の大きさを固定したいのであれば、Boxに対して width を指定するといいでしょう。

この回答へのお礼

ご回答ありがとうございました。

もうすこし詳しく勉強してから、取り組みます

ありがとうございました。

お礼日時：2013/05/09 08:30