ホームページ >ウェブフロントエンド >htmlチュートリアル >フォームの互換性の問題があるので、アドバイスをお願いします～！とても悲しい_html/css_WEB-ITnose
フォームの互換性の問題があるので、アドバイスをお願いします～！とても悲しい_html/css_WEB-ITnose
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
- 2016-06-24 12:19:221073ブラウズ
340c751c9d1fed45028dd662187b765c
699fe6c623a564d594cbaa6898576330
b2386ffb911b14667cb8f0f91ea547a7無題ドキュメント6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
f95a1398831e15c51c789354f36a9fa7b90dd5946f0946207856a8a37f441edf 「10」＃ffff00 "＆nbsp; f16b1740fad44fb09bfe928bcc527e08
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e 2 番目の TD の最初の行が、異常に表示されるのはなぜですか?
ディスカッション（解決策）への返信
e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3タグを削除するだけでも同じになります。
IE では、最初の行の 2 番目の td が 10 という高い値に設定されています。正常に表示されないのはなぜですか?
IE は変わり者で、Google と Baidu の方法を 1 時間以上試しましたが、2 番目の TD の高さを 10px に設定できませんでした。
Chrome ブラウザは非常に従順です。
ついに解決策が見つかりました: 以下のコードを参照してください:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><table width="100%" border="1" cellpadding="0" cellspacing="0"> <tr> <td rowspan="2" width="100px" height="200px" bgcolor="#990033"> </td> <td id="td10" style="font-size:10px;line-height:10px;height:10px" bgcolor="#FFFF00"> </td> </tr> <tr> <td height="190px" bgcolor="#CC0033"><p style="margin-top">sfsdfdfdsfdsf</p></td> </tr></table></body></html>
重要なポイント:
1. テーブルの height="100%" 属性を削除します。 2. 2 番目の TD はスタイル属性を追加します: style="font-size:10px;line-height:10px;height:10px"
3. 3 番目の TD は属性を設定します: height="190px"。
最も単純化されたコード:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><table width="100%" border="1" cellpadding="0" cellspacing="0"> <tr> <td rowspan="2" width="100px" height="200px" bgcolor="#990033"> </td> <td style="font-size:10px;line-height:10px;height:10px" bgcolor="#FFFF00"> </td> </tr> <tr> <td height="190px" bgcolor="#CC0033"><p>sfsdfdfdsfdsf</p></td> </tr></table></body></html>