ホームページ >ウェブフロントエンド >htmlチュートリアル >、HTMLレイアウトの問題。 _html/css_WEB-ITnose
、HTMLレイアウトの問題。 _html/css_WEB-ITnose
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
- 2016-06-24 11:42:381951ブラウズ
さまざまなブラウザで中央のテーブル (id="aaaatttt") の高さを調整する方法。
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><meta name="GENERATOR" content="Microsoft FrontPage 6.0"><meta name="ProgId" content="FrontPage.Editor.Document"><title>title</title><style>html,body{ margin:0px; height:100%;}</style></head><body style="overflow:hidden;background:#D6DFFF;"><table border="0" width="100%" cellspacing="0" cellpadding="0" id="table1" style="border-collapse: collapse" bordercolor="#C0C0C0" height="100%"> <tr> <td height="91" >head</td> </tr> <tr> <td height="15" bgcolor="#013961" style="border-top:0px #ffffff solid;border-bottom:0px #4D7373 solid;height:15px;"> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td style="color:yellow;padding-left:10px;">中华人民共和国</td> <td style="text-align:right;padding-right:10px;">退出</td> </tr> </table> </td> </tr> <tr> <td style="padding:3px;border:1px #ff0000 solid;" valign="top"> <table id='aaaatttt' border="1" width="100%" height="100%" cellpadding="0" cellspacing="0" style="border-collapse: collapse;height:100%;"> <tr> <td bgcolor="#E7EBFF" valign="top" id="leftFrame" style="width:230px;"> left </td> <td width="1" style="width:1px;font-size:1px;"> </td> <td valign="top" >right</td> </tr> </table> </div> </td> </tr></table> </body></html>
ディスカッション (解決策) への返信
幅と高さのパーセンテージは、親コンテナの幅と高さから継承されます。親コンテナの幅と高さに特定の値がない場合、例外が表示されます。
私は通常、ボディがウィンドウ全体を埋めるように背景画像をボディに追加し、パーセンテージを使用してサブ要素を設定できるようにします
オリジナルのポスターのアダプティブとはどういう意味ですか? ? ?効果は普通に見えます。 。 。
投稿者が何をしたいのか分かりません。 。
テーブルのサイズのパーセンテージを設定します
幅と高さのパーセンテージは、親コンテナの幅と高さから継承されます。親コンテナの幅と高さに特定の値がない場合、例外が表示されます。 。
通常、子要素をパーセンテージを使用して設定できるように、ウィンドウ全体を埋めるように背景画像を本文に追加します
それが継承されることはわかっていますが、上位レベルの幅と高さを固定できない場合はどうすればよいですかアダプティブについてはどうですか？
オリジナルのポスターのアダプティブとはどういう意味ですか? ? ?効果は普通に見えます。 。 。
投稿者が何をしたいのか分かりません。 。
以上、Chrome では問題ありませんが、IE8 では適応できません。
以上、Chrome では問題ありませんが、IE8 では適応できません。
私のIEはバージョン11ですが、、、すべて正常です。 。 。
そこで、、、投稿者は、css3 および html5 と互換性のある js プラグインをオンラインで検索したいと思うかもしれません。 。 。もしかしたらあなたの問題を解決できるかもしれません。 。 。
IE10 以下では曇っています...
最良の方法は、ボディに特定の幅と高さを与えることです。これは、先ほどお話ししたように、ボディを背景画像で埋めることです (ボディが幅と高さを直接取得できるように)ブラウザの高さ)、また、ブラウザを開いたときに最大化されていない場合に異常が発生するように、jsを使用して画面の幅と高さを取得して本体サイズを設定しようとしました
私のIEはバージョン 11、、、すべて正常です。 。 。
そこで、、、投稿者は、css3 および html5 と互換性のある js プラグインをオンラインで検索したいと思うかもしれません。 。 。もしかしたらあなたの問題を解決できるかもしれません。 。 。
わかりました、それは残念です、もう一度試します。
IE10以下では曇り空です...
最良の方法は、ボディに特定の幅と高さを与えることです。これは、先ほども言いましたが、ボディを背景画像で埋めることです（ボディが直接取得できるように）ブラウザの幅と高さ）（より高い）、また、jsを使用して画面の幅と高さを取得して本体サイズを設定しようとしましたが、ブラウザを開いたときに最大化されていない場合は、それが行われます。
顧客もそれを認識できないと思います、もう解決策はありません。 js を使用して取得します。例外については何もできません。
結ばれました。