2012-01-03 21 views
1

ここで少し問題があります。どちらの側にも2つの等間隔の棒がアクセントの色で表示されるようにするWebサイトを設計し、中央のコンテンツは白い背景の800ピクセル幅のボックスに収められています。基本的に、色が異なる3つの列。これを行うために、私はmargin-align:autoというコンテンツdivを左右に作成しました。コンテンツの背景色を削除することはできません。

#container 
{ 
    height:500px; 
    width:800px; 
    background-color:#FFFFFF; 
    margin-left:auto; 
    margin-right:auto; 
} 

だから、私がいる問題は、私のコンテンツボックスは、ブラウザウィンドウの上部と同じ高さであるが、画面の解像度が非常に高い場合には十分なスペースを取っていない私のコンテンツブロックから残りの空きスペースがありますアクセントの色がコンテンツボックスの下に表示されます。これは、コンテンツがより多くのスペースを占めるように調整するためには何をしなければならないでしょうか?

編集は:解決:このhttp://i.stack.imgur.com/DuNXJ.jpg

編集2を試してみてください! Blenderのおかげで、cssstickyfooter.comにコメントで提供されたリンクがそのトリックを行いました。

Here's the completed correct code、これを見つけて興味を持っている人のために。

+0

ライブデモでは、サイトでの作業が簡単です。あなたは私たちに1つ与えることができますか? – Blender

+0

アップロードできるサイトがない限り、ただのコードになります。私は撮影したスクリーンショットを持っていますが、このサイトでは最低限の評判ポイントが得られるまでアップロードできません... – MDWar

+0

ベストデモサイトever:http://jsfiddle.net/ – Blender

答えて

関連する問題