0

最初の行に下線が引かれたテーブルを表示する必要があります。IE 8互換モードでボーダーコラプスの問題

このため、私は境界崩壊を設定し、最初の行のみ境界線を設定しています。

IE 7とFFで動作しています。しかし、IE 8(互換モード)では、下の境界が壊れています。 !の私はHTMLに以下のようにDOCTYPEを与えてみました:

このfiddle

<table style = "border-collapse:collapse;" width="90%" 
    cellpadding="1" cellspacing="1"> 

<tbody> 
<tr> 

<th align="left" style="border-top:0px; border-left:0px; border-right:0px; 
    border-bottom:1px solid #838584;">Text1</th> 
<th align="right" style="border-top:0px; border-left:0px; border-right:0px; 
    border-bottom:1px solid #838584;">Text2</th> 
<th align="right" style="border-top:0px; border-left:0px; border-right:0px; 
    border-bottom:1px solid #838584;">Text3</th> 

</tr> 
</tbody> 
</table> 

注を参照してください。しかし、その時点では、ページ自体はIE 8(互換モード)でレンダリングされませんでした。それでもそれはまた、すべてが私は(のみこれらのブラウザをテストしたFirefoxの9、IE7とIE8のテーブルの間に違いを見ることができないIE 8標準モード

+0

新しいWebページではDoctypeは決してオプションではありません。過渡的なdoctypeは、廃止予定のマークアップ用です。必ず厳密に使用してください。 – Rob

+0

@Rob Transitionalはstrictとほとんど同じです。クォークモード(doctypeなし)と標準モード(doctype付き)を考えていました。違いがあります。 –

+0

@MrLister - Transitionalはバリデーター用ですので、廃止予定のマークアップにフラグを付けません。新しいWebページは廃止予定のマークアップを使用すべきではありません。 – Rob

答えて

1

で正常に動作IE7で期待どおりに働いていたとFF

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

)。標準モードでIE8を使用していますか?境界線は、IE8標準モードでのみ有効です。 IE8のIE7標準またはクォークモードで実行すると、セルが終了/開始する境界が切れます。 IEの開発ツールであなたの現在のモードを確認するために標準モードで実行するか、IE8でF12を打つためにIE8を強制する方法についてthis postをチェックアウトすることができます

+0

はいIE 8と互換性のあるビューを使用しています。それを指摘するための+1。私は質問を更新します。 – hop

+0

ところで、IE7、IE8標準、IE8互換モードで動作するソリューションはありますか? – hop

+0

解決策があった場合、IE8標準とIE8互換のためにどのようにCSSを配信しますか? IE8でIE8標準モードであなたのウェブサイトを見るように強制するのが最善の解決策です。私はこれがあなたのために多くの仕事を意味するかもしれないことを認識していますが、それは行く方法です。 http://blogs.msdn.com/b/ie/archive/2009/03/12/site-compatibility-and-ie8.aspxも参照してください。 –

0
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" /> 

だけでDOCTYPE後のタグの上に追加します私のためにmasterpageが働いた。ありがとう