- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：position: relativeでIE6に余分な空白ができる）
position: relativeでIE6に余分な空白ができる
このQ&Aのポイント
- IE6でposition: relativeを使用した際に余分な空白が発生する問題について
- IE6のみで発生し、他のブラウザでは正常に動作するposition: relativeの問題
- 空白の原因や解決方法についての情報を求めています
- anygiven12
- お礼率100% (2/2)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
他の要素のＣＳＳを見ないとどういう状況なのか分かりませんが、メインコンテンツの右上に重ねて表示したいのなら ---html---------------- <body> ■略■ <div id="outer"> <div id="maincontents">メインコンテンツが入っています。 <div id="gazou">メインコンテンツの右上に重ねて表示したいbox</div> </div> </div> ■略■ </body> ---css----------------- #maincontents{ position: relative; } #gazou { position: absolute; top : 0px; left : 300px; width: 100px; height : 200px; background: url(images/gazou.gif) no-repeat; } という具合に親要素に入れ子にしてみてはいかがでしょうか？
お礼
ご回答いただきどうもありがとうございました。 教えていただきましたソースでうまくいきました。 positionはよくわからない事が多く・・・ もっと勉強します！