※ ChatGPTを利用し、要約された質問です(原文:ヘッダーのみ固定について)
IE6でヘッダーのみ固定させる方法とは?
このQ&Aのポイント
ヘッダーのみ固定させたいのですが、IE6だけコンテンツ部分とナビ部分が開いてしまいます。開かなくする為にはどうすればいいでしょうか?
IE6でヘッダーのみ固定させる方法はありますか?コンテンツ部分とナビ部分が開いてしまう問題を解決する方法を教えてください。
IE6でヘッダーのみ固定させたいのですが、コンテンツ部分とナビ部分が開いてしまいます。その問題を解決するためにはどうすればよいですか?
ヘッダーのみ固定させたいのですが、IE6だけコンテンツ部分とナビ部分が開いてしまいます。
開かなくする為にはどうすればいいでしょうか?
CSS
* html body {
overflow: hidden;
}
body{
margin: 0px;
padding: 0px;
}
.clear {
overflow: hidden;
display: block !important;
display: inline-block;
}
#wrapper {
width: 900px;
margin: 0 auto;
}
#header {
width: 900px;
height: 100px;
position: fixed !important;
position: absolute;
}
* html div#header{
position: absolute;
top: expression(eval(document.documentElement.scrollTop+0));
}
#content {
width: 900px;
padding-bottom: 25px;
background: #fff;
padding-top: 135px;
overflow: auto;
}
#global_navi {
display: block !important;
display: inline-block;
overflow: hidden;
position: fixed !important;
padding-top: 100px;
}
HTML
<div id="wrapper">
<div id="header">
<h1>○○○○</h1>
<div class="header_logo"><a href="index.html"><img src="img/header_logo.gif" alt="" width="400" height="60" /></a></div>
</div>
<ul id="global_navi">
<li class="gn01"><a href="index.html">○○○○</a></li>
<li class="gn02"><a href="#">○○○○</a></li>
<li class="gn02"><a href="#">○○○○</a></li>
<li class="gn02"><a href="#">○○○○</a></li>
<li class="gn02"><a href="#">○○○○</a></li>
<li class="gn02"><a href="#">○○○○</a></li>
</ul>
<div id="content" class="clear">
<div class="index_left">
</div>
<div class="index_right">
</div>
</div>
<div id="footer" class="clear">
</div>
</div>
補足
画像が添付できればいいのですが、補足だとダメみたいなので・・・ 配置ですが、1カラムで、ヘッダー(固定)・メインメニュー(固定)・コンテンツ・フッターの順番です。 TOPページのみメインメニューの中が2カラムに分かれます。 IE各バージョン、firefox3.6,Opera,safariで見たのですが 私の方ではIE6のみおかしくなってました。