2012-02-21 17 views
0

私は大きな成功なしにこれに対する解決策を見つけようとしています。私は基本的に、ページの上部と下部にバックグラウンドプロパティを使用してイメージを配置しようとしています。今、私は相対的な位置関係を作ることができ、ページ上のコンテンツの量に応じて画像を下に移動させることが分かっています。CSSを使用してページの上部と下部に画像を配置します

また、ヘッダー/フッターを絶対位置にして、効果的にユーザー間でスクロールさせることもできます。しかし、たくさんのコンテンツがない場合は、ページの一番下に画像を配置したい場合や、コンテンツがたくさんある場合(つまり、ユーザーがスクロールしなければならない場合) 、画像は最下部に配置されます。

これはちょっとしたことであり、私自身のために考えているので、これに関するアイデアや提案やチュートリアルは非常に高く評価されます。私はむしろテーブルを使って自分のページをレイアウトし、これについてどうやって行くのかと思っていません。

ありがとうございます!

答えて

0

:いない場合は、ページの下部にフッターDIVスティックを作成する方法については、この質問に対する私の答えを参照

を| IMG |

|コンテンツ|

|フーター|

なぜ絶対配置を使用する必要がありますか? 3つのdivがある場合は、ある幅とプロパティーclear:bothで、もう一方の上に1つのdivがあり、その配置は自動的になります。次に、コンテンツが非常に少ないページがある場合は、min-heightをコンテンツのdivに入れることができます。ヘッダである第一の画像について

0

、「固定」とトップが0PXするように位置を設定します。フッタである第二の画像について

.first-image { 
    position: fixed; 
    top: 0px; 
    left: 0px; 
} 

を「固定」に位置を設定し、底〜0px。

.second-image { 
    position: fixed; 
    bottom: 0px; 
    left: 0px; 
} 
+0

はい私はこれを行うことができますが、イメージがページに固定されていないようにしたいと思います。ユーザーがコンテンツをスクロールし始めるときに、それらを表示したくない。コンテンツがほとんどない場合にのみ、それらを同時にウィンドウに表示する必要があります。そうでなければ、フッターイメージはコンテンツの一番下に調整する必要があります。 – Paul

+0

私は元の質問に基づいて達成しようとしていることを正確には少し不明だと思います。あなたはワイヤーフレームを描くことができますか? – evasilchenko

関連する問題