国境を拡張

Question

私は左の境界は存在しないが、右側の境界線があり、ウィンドウの中心（左右）された画像を有しています。上の境界は非常に（画像過去）ページの左から行くと右の境界にと下の境界のために停止することは画像の左端から始めて、すべてにわたって伸ばすことが可能である場合、私は思っていましたウィンドウの右への道。上部と下部の境界線は、二つの異なる繰り返しバックグラウンドで作られており、必要に応じて、左の境界は、あまりにもすることができます。

私はしばらくの間、これについて考えてきた誰かが私を助けることができます...任意の解決策を考え出すことができませんでした？

Answer 1

あなたがあることが喜んでどのように柔軟明確にしたい場合があります。あなたは、この複数の方法に近づくことができます。あなたは（したがって、それらは、流体幅であることを必要とする）上部と下部の境界線は、ビューポートの端まで延長しますか？

あなたはbackground-positionとスライドドア技術と、この使用して背景画像を扱うことができる、またはあなたが中心にあなたのイメージと3列の流体幅レイアウトを作成するために、余分なマークアップを使用することができます。

それはあなた次第ですが、3列の技術では、あなたの余分なdivsを挿入することができ（または何を使用したい）JavaScriptを介して、あなたはあなたのソースで空のコンテナを持っていないだろう、とborder-topとborder-bottomを使用します代わりに（したがってページのオフいくつかのロード時間を流し）背景画像の

の編集：のそして明確にするために、あなたはそれが、このアスキー図面のようなものを見てみたい：

_______________
               |img|_____________________

の編集の流体幅レイアウトのために、CSSレイアウト上の多くの多数の供給源の一つに相談し、ここで良い荒廃です： http://www.smashingmagazine.com/2007 / 01/12 /フリーCSS-レイアウト・アンド・テンプレート/ の

次に、あなたの左と右の列に、あなたはそれぞれborder-topとborder-bottomを行う（またはあなたが手の込んだ国境をしたい場合は、背景画像を使用する）だろう、あなたの画像境界を与え、国境を一緒に並ぶように設定あなたの3つのコンテナの高さを持っています。ホープことができます。