2011-07-07 7 views
0

私はいくつかの助けが必要です。私はグラフィックデザインのために学校に行き、サービスのトレードとしてウェブサイトを構築しています。div内のdivを基準にして、divの位置をラッパーの外側にする方法はありますか?

私はPhotoshopでテンプレートを設計し、それをPSD2CSSOnline.comに挿入し、コードとスプライスされた画像を吐き出しました。

トップにある2本のピンクの線がブラウザ全体に広がるようにHTMLとCSSを編集することができましたが、別のページのテキストから同じように下のものを取得する方法がわかりません私の問題はそれを行う方法ですので、divはラッパーの外側にある必要がありますので、ラッパーの内側のdivにも関係しますか?

何か助けていただければ幸いです。これを理解しようと時間を費やしました。

参考までに私はソースコードを見て、私が何を話しているかを視覚的に見ることができるようにアップロードしました。これを表示するにはhttp://bellairo.com/anytime/

答えて

0

これは理解しにくいので、これはちょっと分かりにくいです...トップの紫色の線については、2つの画像があるようです:1は960ですx 30px Layer-13.png、それからその下の両方向に無限に繰り返す24 x 30px Layer-12-rx.pngがあります。同じPNG画像(レイヤー12-rx .png)をページの下部で同じことをするのが最もシンプルなようです。すでに存在するレイヤーの下にこの画像を繰り返します:Layer-7.png。

あなたのコンテンツに関連する行についての質問:私はほとんどすべてのdivに位置があることに気が付いています。この属性が適用されると、CSSが物事をどのように位置づけているのかの通常の流れからdivを削除してから、divsの代わりにすべてを指定しなければならないので注意してください。あなたのボトムラインはあなたのコンテンツの下に自分自身を配置するだけですが、そこには多くのものがあります。あなたのフッタラインが座っているdivもこのポジションを持っています。絶対に適用されます。つまり、常にすべてのページにどこに座るかを正確に伝える必要があります。開始位置をposition:relativeに変更し、次に左:で再生し、上:値が正しい場所になるまで値を変更します。次に、毎回テキストの下に位置する必要があります。 いいえW3の学校です - 位置情報についてはこちらをご覧ください:http://www.w3schools.com/css/css_positioning.asp

関連する問題