IE6でCSS変動高さの問題

Question

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> 

LINK TO SCREEN SHOT IMAGE

Answer 1

それは絶対位置に来るときIE6は途方もなく悪いです。左から右へ、または上から下へ、同時に何かを配置することはできません。 IE6のため

1. ドロップのサポート：

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

2. 絶対配置を断念し、他の方法を使用します（例：浮動小数点数）。
3. 条件付きコメントを使用していくつかのスタイルを上書きするなど、IE6用のサイトのダムダウンバージョンを提供します。
4. JavaScriptを使用してIE6の位置付けを支援します（例：absolutefudge.js）。