웹마스터 팁

가끔 태블릿이나 스마트폰에서 pc레이아웃을 볼때 모바일에 최적화된 화면으로 보기 문구가

콘텐츠영역 등의 화면을 가리는 경우가 있습니다.

일단 원인을 두 가지로 나누자면...

 

1. div태그가 제대로 닫히지 않았을 경우 (HTML)

> 태그가 제대로 닫히지 않았을 경우, 문구가 div크기 만큼 가리게 됩니다.

레이아웃에서 미처 닫지못한 태그를 다시 닫아주세요.

 

2. 콘텐츠 영역에 float:left, 혹 right를 주었을때 (CSS)

> 이럴경우 문구가 애매하게 레이아웃을 가리게 되는 것을 볼 수 있습니다.

푸터에 clear:both; 를 주세요. 또한 푸터에 height 값이 없으면 문구가 푸터를 가릴 수도 있습니다.

 

간단한 문제인데 제가 고생한 적이 있어서 혹시나해 올립니다.

만약 문구가 div크기만큼 딱 가리는 것 같다 하면 레이아웃 소스를 한 번 더 봐보시고, 

뭔가 가리긴 하는데 반 걸쳐서 가린다던가 하면 CSS를 수정해주시면 될 것 같아요.

제목 글쓴이 날짜
lang.xml 파일 다이어트 자동화 [5] file 산하2 2014.07.09
스크립트파일(js)을 하단부에서 불러오게 하기 [1] Treasurej 2011.12.09
IIS서버 자동 설치 프로그램(PHP, MySQL, phpMyAdmin) [1] 공처아찌 2015.07.12
모바일에 최적화된 화면으로 보기 문구가 레이아웃을 가리는 문제 creative8 2015.07.11
회원도 모듈별 적용된 포인트 보게하는 방법. [11] :DunhillBoy 2014.02.01
문서페이지가 수정이 되지 않는 문제 [2] file monet 2015.07.07
비회원이 게시글 추천할수있게하는방법 [4] file 토끼매니아 2011.08.03
홈페이지 속도가 느린 이유.(팁같지도 않은 팁) [11] 가브리엘조 2015.06.27
원하는 그룹에게 아이피를 전부다 표시해주기 [1] 불금 2015.06.16
로그인이 안되는 문제를 겪고 계시면 참고해볼만 합니다. [2] 안구건조 2011.10.06
XE 1.5 에서 확장변수 검색이 안 되시는 경우 해결책 [5] sejin7940 2012.01.24
사이트 서버 운영체제와 사용하는 웹서버 소프트웨어 알아보는 사이트 file 후하니 2015.06.28
확장변수 검색시 범위 설정해서 검색하는 팁. [2] 키다리아저씨2 2015.06.16
cloudflare api 용 curl 기본값 마루디자인 2015.06.24
무료 오픈 api가 많은 사이트 [유용] [3] file 김동재4af45 2015.06.13
리스트에 스크랩 버튼을 뺴는 코드입니다. [3] 착한악마 2015.04.30
추천검색어,실시간인기순위 소스 file codlllle 2015.06.21
실시간 rss 피드글 출력 위젯 file codlllle 2015.06.20
댓글 수정/ 대댓글 달시에 댓글 공지 넣는법 [8] file 불금 2015.06.17
다음 위젯 뱅크를 대신할 위젯 베스트! codlllle 2015.06.20