バックグラウンドに関連したコンテンツの配置

私はHTMLとCSSを初めて使用しており、簡単な問題で苦労しています。私は音楽スペースを設計しています：http://theparadisegarage.co/、と私は同じ場所にクレートの後ろにテキストが "消える"（つまり終了）ようにメインのテキストボックスを配置しようとしています。実際には、テキストボックスはウィンドウのサイズに応じて場所を変更します。私はポジションを絶対に設定し、底面に固定（px）マージンを与えてみましたが、動作しないようです。私はテキストボックスを望む基本的な場所のアイデアを得るために、ブラウザウィンドウの上部にテキストボックスを配置しました（これは何らかの理由で機能すると思われるためです）。私はrelavent CSSを含んでいます。私は困惑しています...事前に何か助けてくれてありがとう！バックグラウンドに関連したコンテンツの配置

<html> 
     <body style="background-color:transparent"> 
     <div id="container" style="background-color:transparent" > 
      <div id="logo"> 

      </div> 
      <div id="content" style="float:left" > 

      </div> 
      <div id="navbar" style="position:fixed"> 

     </div> 
     </div> 

    </body> 
    </html> 


    body{ 
     width: 100%;  
     height: 100%;  
     margin: 0;  
     padding: 0; 
    background-image:url(paradisebackground6.jpg); 
    background-repeat:no-repeat; 
    background-attachment: fixed; 

    } 


    container { 
position:relative; 
width:100%; 
height:100%; 
    } 

    content{  
     position:relative; 
    vertical-align:bottom; 
    margin-top:12.5%; 
    margin-left:190px; 
    margin-right:auto; 
    width:625px; 
    height:372px; 
    overflow:auto; 
    z-index:-40 
}

出典

2012-04-09 LukeTodd

あなたはそれを理解したようですか？ z-indexを使用して、他の要素の前後に要素を配置します。

出典

2012-04-09 17:08:54

残念ながら私はフォアグラウンド（クレート）とバックグラウンド（レコードスリーブ）を作成しようとしましたが、フォアグラウンドをテキストの上に置くともうスクロールできなくなりました。 – LukeTodd

あなたはCSSでPOSITIONを使用する場合、それは右/左使用上/下/の代わりに、余白という方が良いでしょう：

#content{ 

    position:relative; 
    top:12.5%; 
    left:190px; 

    width:625px; 
    height:372px; 

}

通知は：あなたがCSSセレクタの前に＃を使用する必要があります！

出典

2012-04-09 17:12:16 EmRa228

それを知りませんでした...先端のおかげで！ – LukeTodd

バックグラウンドに関連したコンテンツの配置

答えて

関連する問題