-
[....] Jquery, CSS 관련 질문 - 다 해결된 줄 알았건만...2016.12.03 PM 05:46
소스는 여기에<
bx slider의 css 문제인 것 같긴 한데... 아무리 수정해봐도 쓸데없는 부분만 움직이고 정적 저 의문의 2~3px 짜리 여백이 안사라지네요;;;
도움! orz
어딜 수정해야 오른쪽의 여백을 없애고, 아래쪽의 div 영역과 이미지 슬라이더가 딱! 붙을 수 있을까요.
슬라이더의 div를 조절하니 저렇게 아래쪽 div영역을 덮어버리네요 ㅠㅠ
오늘 여기저기 질문글만 날리네요 ㅠㅠ
댓글 : 3 개
- 닉네임 수정-중복확인
- 2016/12/03 PM 06:03
#main_img 높이는 800px인데 .bx-viewport 의 높이는 803px네요.
각 브라우저 마다 개발자 모드라고 html,css 등을 수정할 수 있는 게 있습니다. 크롬 경우에는 F12.
크롬의 경우 해당 부분을 우클릭해서 검사를 눌러보면 코드가 쭉 나오니 무엇이 문제인지 찾아볼 수 있습니다.
각 브라우저 마다 개발자 모드라고 html,css 등을 수정할 수 있는 게 있습니다. 크롬 경우에는 F12.
크롬의 경우 해당 부분을 우클릭해서 검사를 눌러보면 코드가 쭉 나오니 무엇이 문제인지 찾아볼 수 있습니다.
- 카센
- 2016/12/03 PM 06:12
상하 배경은 jquery.bxslider.css 에 .bx-wrapper img 의 display:inline-block을 block으로 바꾸시면 해결되네요 문제는 좌우 배경인데 이건 좀더 찾아보고 말씀드릴게요
- 카센
- 2016/12/03 PM 06:27
좌우 여백 처리는 jquery.bxslider.css에 .bx-wrapper img max-width를 width로 바꾸면 처리할순 있긴한데 이경우 이미지가 브라우저의 width에 맞게 자동 스케일 되니 이걸 그렇게 맞출건지 아니면 이미지 크기를 지정한 크기로하고 남은 여백을 안보이는 형태로 처리할건지 생각하셔서 처리하셔야될것 같네요