※ ChatGPTを利用し、要約された質問です（原文：画像を読み込ませたらBOXの右側に余白が入る）
画像を読み込ませたらBOXの右側に余白が入る
このQ&Aのポイント
画像を読み込ませたときに、左側のBOXには余白がないのに対し、右側のBOXには余白が入ってしまう現象が発生しています。
この問題を解決するために、CSSのfloatプロパティやpaddingプロパティ、widthプロパティ、text-alignプロパティなどを調整する必要があります。
また、HTMLの構造にも問題がある可能性がありますので、それを確認する必要もあります。
画像を読み込ませたらBOXの右側に余白が入る
#left_box {
float: left;
padding: 0;
margin: 0;
width: 206px;
text-align: center;
overflow:hidden;
}
#spcm{
float : left;
padding-top : 10px;
clear : both;
width : 206px;
height : 59px;
}
上記のleft_boxの中に#spcmを入れて広告をランダム表示させているのですが
#spcmの右側に余白が入ってしまいます、原因が解明出来ず・・・
どなたかお知恵をお願いします。
htmlは下記の通りです。
<div id="left_column">
<div id="spcm">
<script type="text/JavaScript" src="spcm/banner.js"></script>
<script type="text/JavaScript">
random_banner();
</script>
</div>
</div>
※画像サイズは190×59pxです。
