2012-01-06 15 views
0

HTMLの下にFF最新バージョン&のGoogle Cromeブラウザと同じ行のメニューが表示されますが、IE9では別の行に表示されます。ASP.netのクロスブラウザの問題

メニューを1行に表示したい。私はこれを修正するために何をすべきかわかりませんが、いくつかのプロパティを試しましたが、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を使用しカント:左は、この1

答えて

2

最も重要なこと:<div> sがリンクされない、とhref秒を持っていません。アンカータグ:<a>を使用します。

次の最も重要なこと:doctypeが必要な場合、またはページが"quirks mode"にレンダリングされる(換言すると非常に悪い場合)。標準DOCTYPEは、これらの日は、単純であるHTML5のDOCTYPE、次のとおりです。

<!doctype html> 

<html>タグの前に、あなたのページの上部にこれを入れてください。だけで、あなたの問題を解決する可能性がありますが、野生の推測として、あなたはfloat:left代わりのdisplay:inline-blockを(つまりがすでに動作するはずですが)しようとする場合があります

+0

onclick = '広告の一重引用符ではなく二重引用符ではなく、何らかの形で正しく動作しないことに注意してください。私はあなたの提案の他の部分を実装し、それが動作するかどうかを確認します。ありがとう – Learning

0

それぞれの隣に配置したいdivをプロパティfloat:leftに与え、幅を指定します。私は

hello
に似た文字列を構築するためにC#で私たちに文字列ビルダを試したのですが、文字列ビルダーは、私はあなたが実際に私は「doesnの
hello
に似た文字列を構築するためにC#で文字列ビルダにしようとしていますに同意発生実際にあなたに同意

+0

私はフロートを使用せずにこれを達成したい:左、フロートは解決するが、私はこれを使用することはできません... – Learning

+0

あなたはおそらく浮動小数点を使用するように答えを束を得るつもりです。浮動小数点数を使用したくない理由とその理由を皆さんに説明してもらうべきでしょうか? –

関連する問題