2012-02-06 1 views
0

の多くは、あなた方の多くの場合がある場合、これは簡単ですが、それは私が怒っ作っている:どのようにページのX&Yに配置されたロゴを作成し、ダウンするコンテンツ

私はWebページを持っている(黒エリア)div(赤いエリア)にはいくらかわからないコンテンツが含まれています。

コンテンツが少なくてもロゴに到達する必要がある場合、ロゴは自分のdivのその時点の位置にとどまるはずです。内容は以上であれば

、それは

はどのようにこれを達成するために、(テキストから一定の距離を保つ)下るshuld?

Not a lot of content image A lot of content image

答えて

2

min-height CSSプロパティ:

div { min-height:400px; } 

http://jsbin.com/oxodak/2/

+0

偉大な提案と良い例を、私はついに火竜-DOL @他の1 –

+0

を使用スティッキーフッターハックが、それは使用しています持っているが、私は考えていませんこの場合は必要です。シンプルでハックのないソリューションではなく、たくさんのCSS、負のマージン、無関係の要素。 –

+0

あなたは正しいのですが、私は大きな問題に遭遇しました(答えを受け入れた後で)私は微調整していましたが(説明するのは難しいですが、私のCSSは質問で提案したよりもはるかに複雑です。それらが問題になる可能性があると主張しています)、私はmin-heightプロパティを設定するだけで解決しました。これにより、他のすべてを忘れることができました。私はこれに答えを変えています、ありがとう! –

2

あなたは "スティッキーフッター" をしたいが、その代わりに、ページ全体のdiv内部に含まれます。

ここに示した方法微調整:http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

+0

ありがとう(あなたも私を救った!)そのメソッドは正常に動作しています –

関連する問題