そのため、現在、.NET Framework 4.0 を対象とする Web アプリを作成しています。Web サーバーには以下がインストールされています。
ウェブサーバー:
ローカル マシン:
したがって、基本的に、ローカルでデバッグしてすべて1行に表示すると、サイトのメニューが正常に表示されます。ただし、本番環境に公開すると、Web アプリケーション メニューの最後の項目を除くすべてが 1 行に表示されます。これは、インストールされているフレームワークと関係があると思いますが、私は確信が持てません。
アプリケーションのアプリケーション プールは、Web サーバー上の 4.0 バージョンで実行されています。
編集
CSS
#content-wrapper{
margin: 0 auto;
position:relative;
width:830px;
visibility:hidden;
}
.menu {
height:29px;
background: #fff;
width:100%;
border-top: solid 1px #f53200;
margin: 10px 0px 0px 0px;
padding:0px 0px 0px 20px;
color:#000;
}
.menu a{
font-family: AvantGarde, sans-serif;
text-transform:uppercase;
font-size:16px;
letter-spacing:1px;
float:left;
text-decoration:none;
position:relative;
padding: 6px 13px 6px 13px;
color:#000;
display:block;
}
#contact ul {
list-style:none;
float:left;
}
#contact ul li {
margin:5px 0px;
}
#contact label {
color:#fff;
float:left;
}
HTML
<div class="menu">
<a class="home" href="#home">HOME</a>
<a class="about" href="#about-us">ABOUT US</a>
<a class="contact" href="#contact-us">CONTACT US</a>
</div><!--menu-->
申し訳ありませんが、メニューの一部を見つけました。