●全高:100%問題IE7、FF
-
23-09-2019 - |
質問
ま表示したいページとスクロールバー(高さ:100%).私の提案を追加するこの引数 html や 本体.で取得することはできませんか。にFF実については影響は少ないと考えているスクロールバーです。がIE7、8(標準モード)が、スクロールバーです。での操作モードで動作しています。ご覧いただけます:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0053)http://apptools.com/examples/tables/standardscss.html -->
<html><head><title>standards compliance mode with css rendering</title>
<meta content="text/html; charset=iso-8859-1" http-equiv=content-type>
<meta content=no http-equiv=imagetoolbar>
<meta name=mssmarttagspreventparsing content=true>
<style type=text/css>body {
padding-bottom: 0px; background-color: #fff; margin: 0px; padding-left: 0px; padding-right: 0px; color: #000; padding-top: 0px
}
table {
border-bottom: #008 1px solid; border-left: #008 1px solid; border-top: #008 1px solid; border-right: #008 1px solid
}
html {
height: 100%
}
body {
height: 100%
}
.fullheight {
height:100%
}
</style>
<meta name=generator content="mshtml 8.00.6001.18876"></head>
<body>
<table width=450 bgcolor=#ccccff align=center height="100%">
<tbody>
<tr>
<td colspan="2" height="200px">
<p>paragraph</p>
</td></tr>
<tr class="fullheight"><td >
<p>paragraph</p>
</td>
<td>
<p>paragraph</p>
</td>
</tr>
</tbody></table></body></html>
正しい解決策はありません
他のヒント
ウ...何を聞こうとしているので複雑な領域が、今後の開始を除去する不一致から自のコードです。例えば:
- テーブルが100%の高さです。
- 内、200px×高
<td>
外観<tr>
- 内のものではありません100%の高次
<tr>
いうことはこの100%+200px×=100%になっています。にエラーが発生した場合は、論理的にがんだけをコードする方法とがあります。
まず、を調節してみてください特性をその仕事を論理的に削減に努めにコードよりシンプルさ、そして創業します。その後、場合にスクロールバーが表示されまく必要な調整負のマージンを示した。このままで"親"をコードする率直に誰に相談する必要があり、目的によンドの個別のコードです。
それでも問題が改善しない場合は、スクロールバーを使用できますCSS"オーバーフロー"の属性のための行動
- 可視:のオーバーフローしないクリップ.で描画します外部の要素のボックス。これはデフォルト
- 隠:のオーバーフローがクリップ、 他のコンテンツ 見えない;
- スクロール:のオーバーフローがクリップが スクロールバーを加えの残り のコンテンツ
- auto:場合にオーバーフローがクリップ、 スクロールバーコードを追加する必要がありますの 残りの内容です。
所属していません StackOverflow