2012-03-12 23 views
0

こんにちは私のページの左下に背景画像を作成しようとしています。ページには左右のサイドバーがあります。私は左側のサイドバーとメインコンテンツに画像を配置するのにCSSを使いましたが、どちらも正しく座っていませんでした。ここでネガティブマージンと背景画像が正しく表示されない

が、私はそれが見えるようにしたいものです。(。。女の子ダウン下、私は関係なく、ページがどのように長い間、ページの一番下左のサイトに彼女を望んでいない)http://www.onetreehill.net.au/images/image2.jpg

そして、これは彼女が私が使用しているCSSでの瞬間に座っている方法です。http://www.onetreehill.net.au/images/image1.jpg

私が使用しているCSS:

.Content { 
background: url(../../__custom/images/blue/page-bottom-1.jpg) left bottom; 
background-repeat: no-repeat; 
overflow: visible; 
} 

.Left { 
background: url(../../__custom/images/blue/page-bottom-1.jpg) left bottom; 
background-repeat: no-repeat; 
overflow: visible; 
} 

私は背景位置として、以下を使用します。背景:

url(../../__custom/images/blue/page-bottom-1.jpg) -150px 100%; 
+0

あなたのコード/フィドル/デモサイトを表示してくださいだろう私たちはあなたが問題に直面している場所を簡単に指摘することができます。 – w3uiguru

答えて

0

あなたは私たちあなたのHTMLを示しすることはできますか?私の疑問は、.Leftが列の最後まで届いていないことですが、マークアップを見ずに言うのは難しいです。

0

あなたのHTMLを表示することができるかどう答えるのは簡単だろう。あなたが試みることができる1つのことは、メインコンテナdiv(おそらく左のdivの親)に背景イメージを与えることです。

あなたのコードは、この

<div class="main-container"> 
    <div class="left"></div> 
    <div class="content"></div> 
    <div class="right"> 

のようなものであるならば、あなたのスタイルは、このことができます

.main-continer { 

background: url(../../__custom/images/blue/page-bottom-1.jpg)no-repeat scroll left bottom ; 
} 

・ホープ..

関連する問題