※ ChatGPTを利用し、要約された質問です(原文:position:absoluteが表示されない)
position:absoluteが表示されない
このQ&Aのポイント
position:absoluteを指定した要素(#search_box)が、IE6でのみ表示されず困っています。
他ブラウザで見ると問題無く表示されているのですが、どこに問題があるのでしょうか。
分からない部分が出た際にいつもお世話になっております。今回もどなたかご回答頂けますと幸いです。
分からない部分が出た際にいつもお世話になっております。
今回もどなたかご回答頂けますと幸いです。
position:absoluteを指定した要素(#search_box)が、IE6でのみ表示されず困っています。
他ブラウザで見ると問題無く表示されているのですが、どこに問題があるのでしょうか。
【html】
<div id="contents_wrap" class="clearfix">
<ul id="pankuzu">
<li>テスト</li>
<li>テスト</li>
</ul>
<div id="search_box">
<form method="get" action="./search.cgi">
<input name="query" style="width:300px;" value="テスト" />
<input type="submit" value="検索" class="button" />
</form>
<!-- /search_box -->
【css】
#contents_wrap {
clear: both;
margin: 0 auto;
width: 960px;
padding-top: 10px;
padding-bottom: 100px;
}
#pankuzu {
padding-bottom: 70px;
font-size: 12px;
}
#pankuzu li {
display:inline;
line-height:110%;
list-style-type:none;
}
#search_box {
position:absolute;
top:200px;
left:320px;
}
※実物は長いのでhtmlは必要と思われる箇所だけ抜き出しています。
どうぞ宜しくお願いします。
お礼
無事解決しました。有難うございました!