位置

Question

ここでは、マスターページです：

<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のトップバーのようなようなもの。 スクロールするときにバーを表示したいので、位置が固定されています。

Answer 1

'px'と 'percent'が混在するこれは主に問題ではありません。しかし、画面上の位置決め要素にのみパーセントを使用してみてください。