* 정확한 해당 경로 (URL 또는 메뉴상 위치 ex : 회사소개 > 기업소개 > 기업소개게시판 )
- 경로 : http://tyrant2008.sitecook.kr/
* 내용 (변경, 또는 문제가 되는 부분에 대한 설명을 상세하게 문의해주시기 바랍니다. )
- 내용 :
아래 사진을 보시면 실제 작업하고 있는 사무실의 모니터 보여지는 것과 노트북으로 봤을때 화면이 짤려서 보입니다. 화면마다 자동비율이 조정되는것 같지 않아서요 도와주십시오.
<현재 작업중인 사무실 모니터로 봤을때 화면>
<화면이 작은 노트북으로 봤을때 화면>
메인페이지,사진,화면이,sitecook.kr, ,배경이미지 가운데 정렬,배경이미지,FTP,배너이미지,background,브라우저,url,백그라운드,DIV속성,[RE],GNB 설정
화면마다 비율이 조정되어 다르게 보이는 이유는
각각의 PC/노트북의 브라우저 해상도에 따라 패딩값의 시작점이 달라지기 때문입니다.
따라서, 위와같은 현상이 없이 비주얼을 비율에 따라 중간으로 오게 하려면 작업을 다르게 해주셔야 합니다.
1. 행박스(ABA-wrap-box )를 클릭 후, 아래 이미지와 같이 DIV속성/Open & Close 수정
메인 배너이미지 전체를 감싸는 배경이미지(격자무늬 검은색)를 따로 저장해서 FTP로 올린 후 변경
style="background:url(images/main_bg1.jpg) center top no-repeat;"
main_bg1.jpg -> 이부분이 배경이미지 파일명
2. 열박스(ABA-container-box)를 클릭 후, 아래 이미지와 같이 변경
3. 콘텐츠박스(ABA-content-box)를 클릭 후,
배경이미지 외 텍스트/인물 이미지를 따로 PNG로 저장을 한뒤 이미지를 첨부한다.
만약, 포토샵으로 메인 배너이미지를 배경과 텍스트/이미지로 따로 구별해서 저장하기가 어려우실 경우에는
백그라운드를 이미지로 넣지 않고 배경색(검은색)으로 넣어주시고
배경과 텍스트/이미지는 현재 이미지에서 가운데만 잘라서 올리시는 방법도 있습니다.
위 방법으로 해야 요청하신 부분이 해결이 됩니다.
글로는 답변해드리는 것에 한계가 있습니다.
답변이 이해가 어려우시다면, Q&A교육 오셔서 질문을 통해 수정하는 과정을 보시며
배우시는 것을 권해드립니다.
* 답변 중에 GNB 설정에 문제가 있어, 수정해드렸습니다.
아래 내용이 변경되었으니 참고해주세요.
배경이미지 가운데 정렬
