웹마스터 팁

역시 제 사이트에서 퍼온 글이라..  말이 좀 짧습니다 ^^

출처 : http://sejin7940.co.kr/tips_xe/3061

 

============================================================

 

페이지 모듈 사용시 여백관련한 팁!

 

세로방향에서는 문제가 없는 듯하지만, 
가로 방향 여백줄때 IE6 에서 큰 문제점이 하나있다.

 

내부여백 (padding) 으로 여백을 주면, 정상적으로 나타나지만,
외부여백 (margin) 으로 여백을 주면, IE6 에서 훨씬 적용이 많이 된 채로 나타나기 때문이다.

 

사실, 테두리등을 안 쓰는 보통때는, 그냥 외부여백 대신 내부여백으로 처리하면 큰 문제는 없다.
그러나, 해당 위젯이나 페이지 외부에 테두리를 칠 경우나,  위젯스타일 적용한 경우는 문제가 발생하게 된다.

 

외부여백의 경우 테두리의 외부에 여백을 주는반면
내부여백의 경우 테두리 안 쪽에 여백이 생겨.
여백이 생기는 위치가 달라,  단지 외부여백을 내부여백으로 바꾸는 걸로는 의도한 여백과 다르게 되어버리기 때문이다.


해결방법은..상자위젯을 사용하는 것이다.
즉 테두리나, 위젯스타일을 쓸 경우에는
우선 상자위젯을 하나 생성하고, 위젯 등을 그 상자위젯 내부에 넣어준다.
그리고 여백은 위젯등에 직접 주지 말고,  상자위젯에서 내부여백으로 부여해주면 된다.

이렇게 되면, 테두리가 둘러씌워진채로, 외부에 여백을 준 효과를 주면서 IE6에서도 정상출력 시킬 수 있다.

제목 글쓴이 날짜
자신의 인터넷ISP 80포트 지원여부. [3] 해피보이 2010.04.08
페이지 모듈 사용시 여백 관련한 팁! sejin7940 2010.08.02
브라우저에 설치된 flash player의 version 알아 보기 [2] file 레미짱 2010.08.06
[최근 글 탭 형식 출력 위젯] 탭 제목이 브라우저 타이틀이 아닌 설명으로 나오게하기 [1] 소렌트. 2010.07.19
영영사전이 필요하십니까? 레미짱 2010.08.12
공지글 1페이지에만 보이기 [1] 러키군 2010.04.29
게시판 설정 중 ''게시판상세설명''에 table 태그 쓰면 깨지는 현상 sejin7940 2010.06.30
/home/*/public_html/xe 디렉토리에서 rewrite 적용안되는 현상 해결(.htaccess) [2] 소렌트. 2010.04.11
tip 아닌 tip -> xml로 만드는 query 이용 너무 어렵다면 .... [4] 푸하라 2010.02.10
게시판 본문페이지 닉네임 옆에 회원그룹명 사용 [4] file 늘푸른이 2010.08.13
댓글을 리스트에 출력하기 [1] 김성걸310 2010.10.07
Lighttpd 설치 file 김 무건 2010.05.12
목록에서 업데이트 된 글의 댓글수 bold표시하기 file 옥수수밭 2010.03.17
게시판 분류(카테고리)를 텍스트&이미지로 나열 하기 [11] Simulz 2007.08.29
글 작성후 작성한 글이 아닌 목록으로 이동하게 수정하기 (전체게시판 적용) [1] 도라란 2010.09.21
최신글 뽑아오기 - 간단한 방법 [3] file Eric2ya 2007.08.14
LNB위젯사용하지 않고 초간단 페이지 인식 메뉴 만들기 file 쥰지 2010.06.09
로그인/로그아웃 시 그페이지에 그대로 남아있게하기. [4] 롤리^^ 2010.09.16
DB 용량 확보하기 [6] 소렌트. 2010.10.26
큰 사이즈의 이미지 업로드시 섬네일 생성이 안되어 오류 발생하는 문제 예방법 도라란 2010.10.05