0

マスター ファイルに次のメタ タグがあります。

<meta http-equiv="X-UA-Compatible" content="IE=8" />

スクロールするdivを作成するまで、すべてがうまく機能していました。下部にコードがあります。サイトは機能しますが、スクロール div は機能しません。メタ タグを削除すると、スクローラーは見栄えがよくなりますが、サイトは表示されなくなります。

内部で ie-8 を使用しており、アップグレードの可能性はありません。

ここで何か助けていただければ幸いです。

        body { margin:0; padding:0; }

        .configContent 
        {
            margin:0; padding:0;
            height: 100%;
            width: 100%;
        }

        .probesCT1  
        {
            width: 150px; 
            float:left;
            display: inline-table;
            background-color: lightsteelblue;
            }

        .probesCT2 { 

            height: 100%;
            float:left;
            display: inline-table;
            }

        .probesCT3 { 

            height: 30px;
            float:left;
            display: inline-table;
            }

        .pTbl  
        {
            overflow: auto; 
            height: 500px; 
            white-space: nowrap; 
            width:100%;
            }

        .pTbl2
        {
            overflow: hidden; 
            white-space: nowrap; 
            width:100%;
            height:30px;
            }

        .pRowHead
        {
            display:inline;
        }

    <div class="configContent" style=' background: steelblue;'>
        <div class="probesCT1">
            Guided Nav Item List
        </div>

        <div class="probesCT2" style='background: grey;'>
            <div class="pTbl2">
                <div class='pRowHead'>Head 1</div>
                <div class='pRowHead'>Head 2</div>
                <div class='pRowHead'>Head 3</div>
                <div class='pRowHead'>Head 4</div>
                <div class='pRowHead'>Head 5</div>
                <div class='pRowHead'>Head 1</div>
            </div>

            <div class='pTbl' style='background: green;'>
                <div class='pRow'>1st para in pTbl</div>
                <div class='pRow'>some data that is really really long dfljkdhf glkjsdfghlskjdfhg slkjdfhglskjdfhglsk jd fhgslkjdfhg lksjdfhgskljdfhglsk jdfhg slkjdfh g lksjdfhglksjdfh slkjhfg lksjdhfg lksjdfhg lskdjhfglskdjhf glskdjhfg lsdfhg</div>
                <div class='pRow'>some data</div>
                <div class='pRow'>some data</div>

            </div>
        </div>
    </div>
4

1 に答える 1

-2

http-equiv を「Content-Type」に設定し、文字セットを UTF-8 に設定してみてください

<meta http-equiv="Content-Type" content="IE8; charset=UTF-8" />
于 2013-07-01T04:58:35.407 に答える