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

質問

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

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

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

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

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

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

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

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

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

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

回答No.2

ORUKA1951 · ベストアンサー

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

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

お礼

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

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

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

回答No.1

t_ohta

スタイルシートの解釈としては正しい動作だと思います。
枠の大きさを固定したいのであれば、Boxに対して width を指定するといいでしょう。

お礼

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

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

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