1

IE6で左側のサイドバー（高さDIVを変化させる）の配置に問題があります。

主なニーズ：1。高さの値を設定できません。高さが変動しているため、ブラウザで計算する必要があります。2.サイドバーには上下の間隔が必要です。

トップバーの問題は、位置を相対位置に置き換えることで解決されます。

何か案は ？前もって感謝します ！

以下に、簡略化されたコードとスナップショットを標準のブラウザでどのように表示するかを示します。

.container {
    left: 550px; 
    top: 10px; 
    width: 196px; 
    position: absolute; 
    line-height: 0px; 
    font-size: 1px;
}
.inner {
    width: 100%; 
    height: 114px; 
    background-color: rgb(227, 227, 227);
}
.leftbar {
    left: 0px; 
    top: 7px; 
    bottom: 7px; 
    width: 4px; 
    position: absolute;
    background-color: rgb(111, 111, 111); 
}
.topbar {
    left: 7px; 
    top: 0px; 
    right: 7px; 
    height: 4px; 
    position: absolute;
    background-color: rgb(111, 111, 111); 
}

<div class="container">
    <div class="inner"></div>
    <div class="leftbar"></div>
    <div class="topbar"></div>
</div>

スクリーンショット画像へのリンク

4

1 に答える 1

1

絶対配置に関しては、IE6は非常に悪いです。左右または上下から同時に何かを配置することはうまくいきません。

基本的に次の 4 つのオプションがあります。

  1. IE6 のサポートを終了します。
  2. 絶対配置をあきらめて、他の方法を使用します (たとえば、フロート)。
  3. IE6 用のサイトの簡易バージョンを提供します。たとえば、条件付きコメントを使用して一部のスタイルをオーバーライドします。
  4. JavaScript を使用して、IE6 のポジショニングを支援します ( absolutefudge.jsなど)。
于 2009-06-14T07:17:26.563 に答える