쇼핑몰홈페이지[12]를 스킨으로 사용해서 만든 홈페이지입니다.
비주얼배너를 이용해서 이미지를 넣었는데요 (메인페이지 이미지)
shop12 방식이라 2000px X 400px 짜리 이미지를 2개 만들어서 롤링을 시켰습니다.
그런데 문제가 이 비주얼배너가 가운데정렬이 아니라 브라우저 왼쪽정렬이더라구여.
저희는 가운데에 이미지를 배치하고 양쪽에 배경이미지개념을 생각했는데
무조건 왼쪽부터 시작을 하니까 각 피시마다 해상도에 따라 가운데에 배치한 이미지의
위치가 제각각 틀려서 애를 먹고 있습니다.
웹사이트자체가 가운데정렬이라 양쪽여백의 사이즈가 해상도마다 틀린데
비주얼배너 이미지는 가운데정렬이 아니라서 비주얼배너 이미지를 제작하기가 애매하네요.
해결방법은 없는건지.....양쪽여백의 사이즈를 FIX할 수 없으므로 어쩔 수 없는건지
궁금합니다.
비주얼배너를 감싸는 행/컨텐츠박스를 각각 아래의 속성으로 맞춰주시고,
해당 페이지의 헤더&메타&JS에 안내해드리는 속성을 추가하시면 됩니다.
행박스
- DIV속성에 style="overflow:hidden;" 스타일을 추가합니다.
- 좌측메뉴중 DIV편집을 클릭하여 Open & Close 태그 / 출력여부에 아래와 같이 적습니다.
시작태그뒤 :
<div class="ABA-layout-align">
끝태그앞 :
</div>
컨텐츠박스
- DIV속성에 id="wide-visual" 아이디를 추가합니다.
헤더&메타&JS
<style>
#wide-visual{margin-left:-510px;}
#_roll_btn {left: 537px !important;bottom: 60px !important;}
</style>
적용된 상태이니 확인하시면 되겠습니다.
컨텐츠박스의 D버튼이 눈에 안보이는데, 좌측의 CSS제거버튼을 클릭하시면 수정하실 수 있습니다.
