2011-01-31 13 views
1

私はそれが私のテキストを望む。一番上のテキストで、見出しである「登録」は、画面上に固定されたままにしておき、その後、「登録」は画面の上部にそのまま残り、スクロール中は他のすべてのテキストが下に移動するはずです。これどうやってするの????すぐに返信してください...事前にあなたの時間のためにすべてのおかげで。ウェブページのテキストを固定

+0

[PHP5]タグはこの質問 – Flexo

答えて

2

私はあなたが達成しようとしていることを正しく理解していませんが、私はそれを撃つでしょう。固定位置のヘッダーを作成しようとしている場合は、固定フッターのような同じテクニックを使用できます。あなたはこのfixed footer documentation

でより多くの情報を見つけるそしてここでのコード例を行くことができます。

<!-- IE in quirks mode --> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> 
<title>Fixed footer</title> 
<style type="text/css"> 
body{ 
    margin:0; 
    padding:0 0 <length> 0; 
} 
div#footer{ 
    position:absolute; 
    bottom:0; 
    left:0; 
    width:100%; 
    height:<length>; 
} 
@media screen{ 
    body>div#footer{ 
    position: fixed; 
    } 
} 
* html body{ 
    overflow:hidden; 
} 
* html div#content{ 
    height:100%; 
    overflow:auto; 
} 
</style> 
<div id="footer"> footer </div> 
<div id="content"> content </div> 
+0

ああ!ヘッダーのために実装されたbiもできます。..ありがとう.. – xtras

1

おそらくCSS属性をposition to fixedに設定したいと思うでしょう。もちろん、この動作は、たいていのシステム上のほとんどのブラウザでは、単にタグを使用して見られます。

1

CSSの要素のpositionプロパティを "fixed"に設定する必要があります。

#registration_element 
{ 
position:fixed; 
top:0px; 
} 

this link should help

+0

うん本当に適切ではありませんでした。私はそれを使用しましたが、その下にあるテキストは「登録」の下にはありませんが、スクロールしている間に重なり合っています – xtras

1

使用スタイルの位置:固定。

ここに例があります。

<style> 
#idOfDiv { 
    position: fixed; 
    width: 100px; 
    background: #FFF; 
    z-index: 999; 
} 
</style> 
<div id="idOfDiv"> TEST </div> 
+0

yup。私はそれを使っていましたが、基本的なテキストは「登録」の下にはありませんが、スクロール中に重なり合っています – xtras

+0

@ican:あまりにも背景を設定したいと思うように聞こえます。 – Flexo

+0

nop.just私は他のテキストが "登録"と重複すべきではありません。私はこれが多くのウェブサイトで働いているのを見ました。 – xtras

2

CSSにposition: fixed;を使用できます。 IE6を除いてほとんどすべてのブラウザで認識されています...しかし、とにかくそこで仕事をしてはいけません。

.stayOnTop 
{ 
    position: fixed; 
    top: 0; /* to place it on top */ 
    left: 0; /* to place it in the left corner, that'd be the most logical place; although this obviously isn't necessary, you could want to put it in the right corner or somewhere else and whatever /longcomment */ 
} 
関連する問題