2011-07-19 10 views
0

適切なサイズのウェブページ上のコンテンツ領域を正しく取得できません。この領域では、上部に80px、下部に20pxを除いて、すべての垂直に表示される画面領域を使用する必要があります。場合によっては、ページがさらに下に続く場合があります(ただし、スクロールして表示する必要があります)。CSS垂直サイジング

例: a)の画面領域は800×600である場合 - コンテンツ領域は500pxなど高 Bでなければなりません)画面領域が700x1100である場合 - コンテンツエリアサイトはHTMLで構築され1000px高

する必要がありますとCSS。

+0

CSS3は本当にこの問題には関係しておらず、どちらも正直ではありません。あなたはJavascriptを見なければならないでしょう – benhowdle89

+0

@ benhowdle89 CSS3 **は関連性がありません。 CSSメディアクエリを使用できます。当然、MSIE 8以下はそれらをサポートしていませんが、ちょっと、そこに驚きはありません。 http://css-tricks.com/6731-css-media-queries/ – ghoppe

答えて

0

液体レイアウトの概念を調べる必要があります。参照:Whats a liquid layout?

私はあなたがメディアクエリを使用して、画面の大きさに基づいて、異なるルールを設定することができます異なる画面解像度

0

に異なるCSSを使用して、あなたの状況で最良の選択肢だと思います。例えば、次のようなものです:

@media only screen and (max-width: 1099px) { 
    /* rules that only apply for canvases narrower than 1100px */ 
}