IE8オーバーフロー:オート最高
-
08-06-2019 - |
質問
い要素が含まれている可能性があります非常に大きな量のデータがないたのではないでし跡のページのレイアウトで設定します max-height: 100px
や overflow:auto
, ことを期待してスクロールバーにが表示されるコンテンツなのです。
ですべての動作にFirefoxおよびIE7、IE8として振る舞うと考えられている場合 overflow:hidden
った現在で overflow:auto
.
てみました overflow:scroll
, もない、IE8でtruncatesのコンテンツを示すことなくスクロールバー.変化 max-height
宣言 height
このオーバーフローの仕事OKとの組み合わせ max-height
や overflow:auto
休憩を。
こちらもログインとして 公式プログラムにバグに最終版のリリーススケジュールのIE8
が回避策?たんぽを使用 height
の代わりに max-height
, ですが、紅葉をたっぷりの空間となる場合がございます。
解決
ころのバグで動くスタックオーバーフローと <pre>
コードブロック、 max-height:600
や width:auto
.
でログインとして、バグに最終版のIE8ない。
http://connect.microsoft.com/IE/feedback/ViewFeedback.aspx?FeedbackID=408759
あっhacky CSS回避策:
http://my.opera.com/dbloom/blog/2009/03/11/css-hack-for-ie8-standards-mode
/*
SUPER nasty IE8 hack to deal with this bug
*/
pre
{
max-height: none\9
}
もちろんの条件CSSというものは嫌いるということだけ目の予測アンケートを実施HTML cruftべてのページです。
他のヒント
{
overflow:auto
}
みdivオーバーフロー:オート
このログインとして問題を修正しRC1.だがその場で発音を確認することが、変えなく主張を描画する。はこれらのタイムアウトカフェ&ダイナーにも入れ子表に示す。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Test</title>
<style type="text/css">
.calendarBody
{
overflow: scroll;
max-height: 500px;
}
</style>
</head>
<body>
<table>
<tbody>
<tr>
<td>
This is a cell in the outer table.
<div class="calendarBody">
<table>
<tbody>
<tr>
<td>
This is a cell in the inner table.
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>
{max-height:200px, Overflow:auto}
コSrinivas玉田上記のコードな仕事だった。
類似の状況は、pre要素とmaxHeight定js合わせに割り当てスペース幅が100%にオーバーフローオートになります。より内容物が目に入った場合には短maxHeightッ水平にしています。場合のリサイズの画面でコンテンツでなく横方向、水平スクロールバーが表示され、その高さの要素をすぐにジャンプのmaxHeightにかかわらず、高さ諾を得てください。
た様々な形態のcssハックが記述したJeffがなかったかもしれませんので、何でこんなもんじゃなjs悪いパラメータエラーとなります。
エクスペディアのキャンセでおお毒のためのie8:のいずれかのmaxHeight制限の要素できる任意の高さに最適私の場合)、またはセットの高さよりmaxHeightので、常にその背の高い場合でも、コンテンツそのものは短くなります。もないのに最適です。Wacked動作またはie9.
セットの最大高さのみな設定をオーバーフロー.この方法でスクロールバーがコンテンツ以上の最大の高さと収縮する場合は以下の最大の高さです。
を再現す:
(このクラッシュのページです。)
<HTML>
<HEAD>
<META content="IE=8" http-equiv="X-UA-Compatible"/>
</HEAD>
<BODY>
look:
<TABLE width="100%">
<TR>
<TD>
<TABLE width="100%">
<TR>
<TD>
<DIV style="overflow-y: scroll; max-height: 100px;">
X
</DIV>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
はこの作品。--------)
<HTML>
<HEAD>
<META content="IE=8" http-equiv="X-UA-Compatible"/>
</HEAD>
<BODY>
look:
<TABLE width="100%">
<TR>
<TD>
<TABLE width="100%">
<TR>
<TD>
<DIV style="overflow-y: scroll; max-height: 100px;">
The quick brown fox
</DIV>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
(スが大勢詰め掛けでどのようなプレーヤーです。【コンテンツのdivです。])
<HTML>
<HEAD>
<META content="IE=8" http-equiv="X-UA-Compatible"/>
</HEAD>
<BODY>
look:
<TABLE width="100%">
<TR>
<TD>
<TABLE width="100%">
<TR>
<TD>
<DIV style="overflow-y: scroll; max-height: 100px;">
</DIV>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
そ:https://perishablepress.com/maximum-and-minimum-height-and-width-in-internet-explorer/
この方法で確認されていIE6ともに働IE5.を変えるだけで価値を貴社のニーズに合わせたコードと説明会に関する注意事項)。この例では、設定最高で333px1IE、すべての基準に準拠したブラウザ:
* html div#division { height: expression( this.scrollHeight > 332 ? "333px" : "auto" ); /* sets max-height for IE */ }
この作品は私にとって完璧とやりがいを感じていましたシェアです。