2009-04-05 21 views
2

すべての幅(空き容量)が1280px以下で、すべての幅が1280より大きい場合、ページ幅を100%にするWebサイトを作成したい次のように:| fill | website | fill |)。幅が1280pxより大きい場合のサイドフィル

(どうすればよいですか)スクリプトなしでこれを行うことはできますか? (CSS設定を使用して)

答えて

1

コンテンツを「塗りつぶし」ビットで表示したいのですか、境界型のものにしますか?境界線だけの場合は、背景画像/色を使用して塗りつぶし効果を作成し、メインコンテンツビットにmax-widthを使用できます。それがIE6ではうまくいかないことに注意してください。

<div style="max-width: (bar width * 2) + 1280"> 

    <div style="max-width: 1280px"> 

     <!-- content --> 

    </div> 

</div> 
+0

thnx。しかし、それはまだ動作didntの(IE7/FF)私がテストに使用されるコードはでした(picsize:2048x3072):<ボディBGCOLOR = "#1 eeffff">

のplz助けて! –

+0

どういうわけか「max-width:(バー幅* 2)+ 1280」は有効なCSSだとは思わない。 – Calvin

+0

それはありません。私はそれを明確にしておくべきだったと思う、私はちょうど国境を欲しがって大きいから計算し、適切な値を記入することを意味した。 – Turnor

3

あなたはこのようなものを使用することができます

すべてのページのコンテンツを持っている divに適用されるスタイルを指し
#content { 
    max-width: 1280px; 
    width: 100%; 
    margin: 0 auto; 
} 

あなたの「サイドバー」は、バックグラウンドが何であれ、bodyです。

+0

私は試しました(picsize:2048x3072):

絵が同じ –

+0

のthnxまま(他のコメントを参照)動作するようには思えdoes notの。画像テストは動作しませんでしたが、FireFoxの実際のサイトで動作します。 IEでは、それはまだ動作しません。 –

+0

もちろん、画像では機能しません。あなたはITにスタイルを適用していません。あなたは画像が入っているものにスタイルを適用しました。画像を全幅にするには、ITSサイズを調整します。 –

関連する問題