マスターページは次のとおりです。
<div id="top">
<div id="left">
<!-- menu with 5 items -->
</div>
<div id="rigth">
<!-- menu with 3 items -->
</div>
</div>
<div id="title">
<h1>My MVC Application</h1>
</div>
</div>
そして、これが私のCssです。
#left
{
float: left;
margin-left:-100px;
height: 30px;
}
#rigth
{
float: right;
height: 30px;
right:0px;
margin-right: 0px;
}
#top
{
top: 0px;
left: 100px;
position: fixed;
width: 95%;
background: url(../../Content/images/myImage.png) no-repeat center center;
}
そして、ブラウザウィンドウが大きい場合はすべて問題ありません。しかし、最小化すると、バーの高さが大きくなり、「右」が「左」の下になります。これを変更する方法は?見えないようにしたい。Gmailのトップバーのようなものです。スクロールしたときにバーが表示されるようにしたいので、位置は固定されています。