サーバー上で絶対配置が無視されています

Question

私は何の結果も得ずにこれを修正しようとしていました。ページ上部の固定メニューバー。完全に機能します。今では、絶対的な位置付けでページタイトル "ホームページ"を配置しようとすると、メニューバーの右上がうまく動作します。私は自分のPCから直接開いていますが、サーバー上で開くと、ページの左にある。

私は、私のPCから起動したときに相対的な位置を固定して相対位置付けして遊んだことがありますが、同じ結果がサーバー上にあります。

私は適切なコードを十分に提供してもらいたいと思いますが、教えてください。

ご協力いただきありがとうございます。私は.page-titleセレクタにここで見るとおり

.fixed-menu 
 
{ 
 
z-index:999; 
 
position: fixed; 
 
height: 10px; 
 
width:inherit; 
 
left:auto; 
 
right:auto; 
 
} 
 

 
.page-title 
 
{ 
 
position:absolute; 
 
top:10; 
 
right:10; 
 
color:#000; 
 
font-weight:600; 
 
} 
 

 
#cssmenu { 
 
    line-height: 1; 
 
    border-radius: 5px 5px 0 0; 
 
    -moz-border-radius: 5px 5px 0 0; 
 
    -webkit-border-radius: 5px 5px 0 0; 
 
    background: #001a00; 
 
    background: -moz-linear-gradient(top, #00FFFF 0%, #001a00 100%); 
 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00FFFF), color-stop(100%, #001a00)); 
 
    background: -webkit-linear-gradient(top, #00FFFF 0%, #001a00 100%); 
 
    background: -o-linear-gradient(top, #00FFFF 0%, #001a00 100%); 
 
    background: -ms-linear-gradient(top, #00FFFF 0%, #001a00 100%); 
 
    background: linear-gradient(to bottom, #00FFFF 0%, #001a00 100%); 
 
    border-bottom: 2px solid #9900FF; 
 
    width: auto; 
 
} 
 
#cssmenu:after, 
 
#cssmenu ul:after { 
 
    content: ''; 
 
    display: block; 
 
    clear: both; 
 
}

<div id="container"> 
 

 
<div class="fixed-menu"> 
 
\t <div id='cssmenu'> 
 
<ul> 
 
    <li><a href='#'><span>Home</span></a></li> 
 
    <li class='has-sub'><a href='#'><span>Share with the Group</span></a> 
 
\t \t <ul> 
 
\t \t <li class='last'><a href='internet.html'><span>From the Internet</span></a></li> 
 
\t \t <li class='last'><a href='athome.html'><span>From Your Computer</span></a></li> 
 
\t \t </ul> 
 
    </li> 
 
    <li><a href='hide.html'><span>Hide Group in Timeline</span></a></li> 
 
    <li><a href='nonotices'><span>Turn off Notifications</span></a></li> 
 
    <li><a href='members.html'><span>Add Members</span></a></li> 
 
    <li class='last'><a href='other.html'><span>Other</span></a></li> 
 
</ul> 
 
\t </div> 
 
\t \t \t <div class="page-title">Home Page</div> 
 
</div> 
 

 
<div class="clear-menu"></div> 
 

 
\t <div id="banner"> 
 

 
\t \t <div class="image"><img src="images/banner.jpg" width="900" height="349" title="Just for Laughs FB Group" border="0" /></div> 
 
\t \t <div class="title"><p>Just for Laughs</p></div> 
 
\t </div> 
 
<!-- ********** Banner Table Ends ********** --> 
 
<h1>Future Home of Just for Laughs FB Group</h1> 
 
</div>

Answer 1

.PAGEタイトル

.page-title 
{ 
position:absolute; 
top:10; 
right:10; 
color:#000; 
font-weight:600; 
} 

Answer 2

の上部と右側の定義にピクセルを追加し、あなたがtopとright値を指定するためにユニットを使用する必要があります

.page-title 
{ 
    position:absolute; 
    top:10px; 
    right:10px; 
    color:#000; 
    font-weight:600; 
}