3

私は主題を達成する必要があり、本当に行き詰まりました。よりよく説明するために、取得する必要があるものの写真を掲載しました。

ここに画像の説明を入力

最初は s でやってみたのですが、Firefox では属性divのせいで全然違うように見えます。width私の主な関心事は IE8 の非標準モード (これは要件です) ですが、Firefox で多かれ少なかれまともに見えるようにしたかったのです。

次に、2列のテーブルでそれを実行しようとしましたが、IEではうまく機能し、Firefoxでもある程度うまく機能しますが、何らかの理由で、右の列のコンテンツが画面よりも広くなると、テーブルが収まらず、私のコンテンツはスクロールバーは表示されません。

また、コンテナを使用してStackoverflowに関する以前の投稿を見ましたfixedが、IE8の非標準モードでは機能しないようです。

これをどのように行うことができるかについてのアイデアを聞いてうれしいです.

4

2 に答える 2

0

あなたはこのようにすることができます：

.left{
    float:left;
    position:absolute;
    width:200px;
    background:red;
    border:2px solid #000;
    top:200px;
    bottom:0;
    left:0;

}
.right{
    overflow:hidden;
    background:green;
    position:absolute;
    top:200px;
    bottom:0;
    left:204px;
    right:0;
    border:10px solid #000;
}

html, body{
    min-height:100%;
    height:100%;
}
.header{
    width:100%;
    height:200px;
    background:yellow;
}

これをチェックしてくださいhttp://jsfiddle.net/QHTeS/

于 2011-11-07T12:19:33.353 に答える
-1

これは役立つはずです - 非常に基本的な例です。

http://jsfiddle.net/pRAgY/

幅がわかっている場合は、右のコンテナーの幅を調整することを忘れないでください。6 ピクセルの境界線 (合計 24 ピクセル) は、使用可能な 100% の幅を超えています。

于 2011-11-07T12:21:10.947 に答える