2013-01-22 31 views
1

正確應用這是HTML代碼,我在我的WinForms應用程序中使用:web瀏覽器的風格不是的WinForms

<html> 
<head> 
<style> 
    #vif { 
    margin:20px 5px 5px 5px; 
    background-color:#888; 
    } 
    #inf li { 
    margin-left:40px; 
    color:#fff; 
    } 
    #inf { 
    margin-top:15px; 
    padding-bottom:15px; 
    display:inline-block; 
    } 
</style> 
</head> 
<body> 
<div id="vif"> 
    <div id="inf"> 
     <li>Hello!</li> 
    </div> 
</div> 
</body> 
</html> 

當我保存親自使用IE9顯示,它工作正常,但是當WebBrowser使用它, #inf上的margin-top未應用。爲什麼?與我使用的IE不同嗎?相同的代碼顯示不同!

正確的渲染應該有一個灰色的邊框周圍有空白,白色的文字應該固定在中間。

如何使用WebBrowser正確顯示?

+0

什麼版本的IE瀏覽器,你有嗎? –

+0

@AlexFilipovici IE10,但這也適用於IE9,但他們不是說WebBrowser與您擁有的是相同的IE嗎? –

+0

請參閱http://stackoverflow.com/a/4613025/43846 – stuartd

回答

3

以下內容添加到您的HTML的標題部分:

<meta http-equiv="X-UA-Compatible" content="IE=9" > 
+0

再次感謝您的幫助!和CodeCaster的 –

1

如果問題真的很投緣,看this question

WebBrowser控件將使用您已經安裝任何版本的IE,但由於兼容性原因,它會默認呈現在IE7標準模式的頁面。

如果您想要利用新的IE9功能,您應該在HTML頁面的<head>標記內添加元標記<meta http-equiv="X-UA-Compatible" content="IE=9" />

+0

謝謝您的提示。 –