使用ASP.net中的CSS跨瀏覽器問題

HTML下方顯示FF最新版本的同一行中的菜單& Google Crome瀏覽器，但在IE9中，它將它們分開顯示。使用ASP.net中的CSS跨瀏覽器問題

我想菜單顯示在一行中。我不知道我該怎麼辦才能解決這個問題，我嘗試了幾個屬性，但沒有工作，因爲它在FF & Crome中工作。在任何幫助，這將不勝感激

<html> 
<head> 
    <script type="text/javascript" src="jquery.js"></script> 
    <script type="text/javascript"> 
    $(document).ready(function() 
{ 
    $("p").click(function() 
{ 
    $(this).hide(); 
    }); 
}); 
</script> 

<style> 
.test 
{ 
    background-color: #B4984E;  
    border: 1px #ffffff solid; 
    color: #fff;  
line-height: 1.35em; 
    padding: 4px 23px; 
    text-decoration: none;  
    /* white-space: nowrap; display: block;*/  
display: inline-block; 
    cursor:pointer;  
}  
</style>  
</head> 
<body>  
<div class="test" href="http://Default.aspx?PageId=3&Language=en-US">HOME</div>  
<div class="test" href="http://PageId=5&Language=en-US">PROFILE</div>  
</body> 
</html>

更新：我不能使用float：在此留下一個

來源

2012-01-06 Learning

最重要的事情：<div> s爲不鏈接，不具有href秒。使用錨標記：<a>。

下一個最重要的事情：您需要一個doctype或您的網頁將呈現在"quirks mode"（換句話說，非常糟糕）。標準的文檔類型，這些天是HTML5的doctype，這簡直是：

<!doctype html>

在你的頁面的頂部將這個，在<html>標記之前。

這本身就可能會解決您的問題，但作爲一個野生猜你可能想嘗試float:left，而不是display:inline-block（儘管這應該已經工作）。

來源

2012-01-06 17:19:41

我同意你的看法其實我試過我們字符串生成器，在C＃中建立一個類似的字符串

hello

但字符串生成器生成我同意你的觀點其實我想字符串生成器，在C＃中建立類似

hello

它沒有按」字符串t工作注意onclick ='其廣告單一代碼而不是雙引號之後的區別，它不能正常工作。我會執行其他部分的建議，看看它是否有效。謝謝 – Learning 2012-01-06 18:59:57

給你的div你想要彼此相鄰float:left屬性，並給他們的寬度。

來源

2012-01-06 17:29:13

我想在不使用float的情況下實現這一點：left，float將解析，但我不能使用這個... – Learning 2012-01-06 18:21:24

你可能會得到一堆答案，告訴你使用浮點數。也許你應該讓你的描述中的每個人都知道你不想使用花車，爲什麼？ – 2012-01-06 18:48:45

使用ASP.net中的CSS跨瀏覽器問題

回答

相關問題