分割背景50/50

Question

http://www.lecrae.comのようなリンク先ページを作成しようとしています。しかし、私は困難を抱えています。写真のページは2つに分かれていますが、写真はうまく表示されません。とにかく私はページの分割と画像を整列させ、それを完全な形に保つことができますか？私の英語を許してください。ここに私のコードは次のとおりです。

   .rightHalf { 
          background: url(images/test1.jpg); 
          width: 50%; 
          position: absolute; 
          right: 0px; 
          height: 100%; 
         } 

おかげで仲間

Answer 1

はbackgorundのサイズと位置

.rightHalf { 
    background-image: url(images/test1.jpg); 
    background-size: cover; 
    background-position: center center; 
    background-repeat: no-repeat; 
    width: 50%; 
    position: absolute; 
    right: 0px; 
    height: 100%; 
} 

を適用します