웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
모바일에 최적화된 화면으로 보기 문구가 레이아웃을 가리는 문제
2015.07.11 22:13
가끔 태블릿이나 스마트폰에서 pc레이아웃을 볼때 모바일에 최적화된 화면으로 보기 문구가
콘텐츠영역 등의 화면을 가리는 경우가 있습니다.
일단 원인을 두 가지로 나누자면...
1. div태그가 제대로 닫히지 않았을 경우 (HTML)
> 태그가 제대로 닫히지 않았을 경우, 문구가 div크기 만큼 가리게 됩니다.
레이아웃에서 미처 닫지못한 태그를 다시 닫아주세요.
2. 콘텐츠 영역에 float:left, 혹 right를 주었을때 (CSS)
> 이럴경우 문구가 애매하게 레이아웃을 가리게 되는 것을 볼 수 있습니다.
푸터에 clear:both; 를 주세요. 또한 푸터에 height 값이 없으면 문구가 푸터를 가릴 수도 있습니다.
간단한 문제인데 제가 고생한 적이 있어서 혹시나해 올립니다.
만약 문구가 div크기만큼 딱 가리는 것 같다 하면 레이아웃 소스를 한 번 더 봐보시고,
뭔가 가리긴 하는데 반 걸쳐서 가린다던가 하면 CSS를 수정해주시면 될 것 같아요.
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
타임라인 모듈 회원 작성글/저장글 버그 오류 수정 [7] | socialskyo | 2015.03.20 |
CentOS 에서 iptables 편집후 실행이 안될때 | 마루디자인 | 2015.03.17 |
에디터에서 URL 클릭시 "http://" 삭제하는 방법 [2] | 콜롬보. | 2015.03.13 |
회원정보보기를 팝업으로 띄우는 방법 | 콜롬보. | 2015.03.13 |
input number 숫자만 입력받기 아이폰 예외처리 | wnrtnsdl2 | 2015.03.12 |
누리고 Ncart V1.6.1 주문페이지에서 총구매금액에 배송비가 선결제, 착불과 상관없이 무조건 포함되어 표시되는 문제 수정방법 [2] | XE템플릿 | 2015.03.12 |
아마존 상품API 소스中 상품정보 가져오는 소스 | 키스투엑스이 | 2015.03.10 |
스케치북게시판 최신버전에 네이트온 /마이피플/플립보드 추가하는 방법 [4] | 가을풍경 | 2015.03.09 |
싸이트 도메인 주소 뒤에 XE 디렉도리 없애기 [2] | 리차드조 | 2015.03.09 |
인증메일이 안올경우 - 팁이라고 해야할지...소개라고 해야할짐 모르지만 [2] | socialskyo | 2015.03.07 |
로고 만들기 귀찮을때^^* [1] | 수백 | 2015.03.06 |
css table generator | Ansi™ | 2015.03.04 |
주소를 지도링크하기 | 마루디자인 | 2015.03.04 |
Market 모듈에서 대표사진 필수 없애기 [3] | garnecia | 2015.03.03 |
XE 로그인을 아이디로 바꾸려는데 회원설정에서 회원가입 탭이 안보일때. | 불금 | 2015.02.27 |
kakao Javascript SDK logout | 컴박살 | 2015.02.25 |
압축 풀어 설치했던 XE를 git으로 변환하기 [6] | 기진곰 | 2015.02.25 |
htaccess 보안 팁 | 포럼위트 | 2015.02.24 |
특정 게시판에서는 스팸 ip 동작 안하게 하기 [4] | Kxo | 2015.02.22 |
스케치북 최신버전에서 미리 덧글 입력해두기 [5] | LI-NA | 2015.02.18 |