해상도 크기에 관계없이 배경이미지 깔기

아래의 이미지를 보면 파란 배경색의 이미지를 주욱 깔고 중앙에 메인형 배너 이미지를 위치 시켰다.

 

.banner01{ background: url('파란색배경이미지') repeat-x 0px 0px; width:100%;text-align:center;}

 

<div style="banner01"><img src='중앙배너이미지'></div>

 

파란색 배경이미지는 배너 높이에 맞게 길쭉하게 1 ~ 2px 정도 폭으로 하고 세로는 배너 이미지 크기에 맞게 작게 잘라서, width를 100% 로 확 깔아준다.