サイトのレイアウトに問題があります。私はすべてを検索しましたが、答えが見つかりません。私は、FFとIEの両方のレイアウトを台無しにすることなく、できることをいじりました..約 30 ~ 40% で、必要に応じてスクロールバーを表示します。
私のCSSファイルのコード:
1 つの div 内で、それぞれ別の div に配置された2 つのテーブル#Manifestaties
& :#detail_info
#resultlist
#resultlist {
height: 80%;
left: 8%;
position: absolute;
top: 20%;
width: 35%;
}
#Manifestaties {
display: block;
height: 30%;
overflow-y: auto;
position: absolute;
top: 0;
width: 100%;
}
#detail_info {
display: block;
height: 30%;
overflow-y: auto;
position: absolute;
top: 35%;
width: 100%;
}
ウェブサイトへのリンク: http://onderzoek.knokke-heist.be/extern/ww/manifest.html
助けてくれてありがとう!
編集 自分で修正しました。IEは高さと幅を最小高さ、最小幅として解釈します。そのため、コードを次のように変更しました: ... min-height: 35%; 高さ: 自動;
そして、IE 9以降を使用しているときに別のcssファイルを選択するhtmlの条件付きcssを使用します。