- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：このCSSの設定で何故こうなるのでしょうか?）
CSSの設定による画像の表示位置の不具合について
このQ&Aのポイント
- CSSの設定が原因で画像の表示位置が意図しない結果になる場合があります。
- 例えば、floatやheight、widthなどのプロパティが影響して画像の配置が変わることがあります。
- この場合、要素のfloatやサイズの設定を確認して修正する必要があります。
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
#L_sideのfloatに;が書いてないですが・・・ コピペでなければしかとしてくださいｗ これそのままだと、ブラウザサイズに表示が左右されます。 （全部のdivを足すと970pxですが、これよりブラウザ幅が小さいと勝手に回り込みを行う。） なので、全体を970pxのDIVでかこって、回り込みさせなければよいです。 -- css -- #wrapper{ padding:0px; margin:0px; width:970px; height:auto; } #L_side { float:left height: 1000px; width: 100px; float: left; } #ctr { float :left; height: 1000px; width: 720px; } #R_side { float: left; height: 1000px; width: 100px; } -- HTML(bodyの中) -- <div id="wrapper"> <div id="L_side">ほにゃらら</div> <div id="ctr">ふにゃらら</div> <div id="R_side">へにゃらら</div> </div>
お礼
ありがとうございました。#wrapperで包んであげたらうまくいきました。 そういうことなんですね。 float:leftはfloat:left;と正しく記述されていました。大変失礼いたしました。