...展開やCSS

Question

を使用して、画面サイズに応じて縮小し、私はCSSでかなりゴミだ、私はを通じて混乱というよりレンガの壁に頭をbashの

www.SchofieldBell.com

#wrapper 
{ 
    BORDER-RIGHT: 0px solid; 
    BORDER-TOP: 0px solid; 
    BORDER-LEFT: 0px solid; 
    BORDER-BOTTOM: 0px solid; 

    PADDING-TOP: 0px; 
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px; 
    PADDING-BOTTOM: 17px; 
    MARGIN: 0px auto; 

    WIDTH: 900px; 

    DISPLAY: block; 

    POSITION: relative; 
    TOP: 0px; 
} 

しかし、私はページ（欠けているビット）の左側には、画面サイズに応じて拡大または縮小したい：私は#wrapper内のすべてのものを置くことによって、途中でページの本の一部を持っています...

アイデア？

Answer 1

まず、CSSコードをすべて小文字で記述してください。読みやすく簡単です。 :-)

#wrapper { 
    width: 90%; 
} 

その#wrapperは常にビューポート（ブラウザの表示面積）の90％に等しい幅を有するようになります。

又は

#wrapper { 
    margin: 20px; 
} 

#wrapper幅は常にビューポートの100％であり、マイナスの各側に20個のピクセルことを保証します。

問題を正しく理解しましたか？

Answer 2

それは、弾性または流体レイアウトと呼ばれ、great article in A List Apart

Answer 3

まずオフ...

1. イメージ・過負荷、最適化するか何かがあり、
をロードするためには良い5-8秒かかっています
2. 要素に23％の幅とmin-heightプロパティを指定します。
3. このデザインは全く流動的ではなく、1600x1200の画面では大きすぎます。そのことを再考してください。
4. CSS/tables /とiFramesの組み合わせを使用するのは面倒ですが、修正してみてください。

ありがとうございます。

Answer 4

あなたの目標を正しく理解しているかどうかによって、これは試してみる価値があります：divを#wrapperの中に置き、cに配置します。ラッパーの右側から900px。あなたの意図は、ページの左側からテキストをあふれさせることです。

Answer 5

EduardoはAリストを引用していましたが、私はこのサイトのこの記事がより適切かもしれないと考えています。

2 columns, liquid, fixed right