웹마스터 팁

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

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

 

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

 

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

 

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

 

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

 

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

 

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


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

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

제목 글쓴이 날짜
레이아웃설정에 언어팩추가하기 [8] file 팔공산 2010.09.16
새로운 회원가입 형식 - 이게 팁이 될 줄 모르겠네요. ^^ [20] SeoSeungHyun 2010.09.15
아무 에러 없이 로그인이 되지 않을 시 해결법 [1] SMaker 2010.09.13
폴더에 올린 mp3를 자동으로 podcast로 만들어주는 소스... ^^ [2] 하얀마법 2010.09.11
저니님의 업 다운 퀵메뉴 적용하기 [4] file nabul2 2010.09.05
페이지에서 첨부파일 100% 에서 증발이 되면...? [6] 우리아기 2010.09.04
초보자도 따라하는 XE로 홈페이지 만들기 강좌 포스트입니다. [2] 놀라운넘 2010.08.27
플래시, 선택박스(??)가 로그인 박스 등을 튀어 나올 때 [4] file hhgyu 2010.08.26
레이아웃 관리자 페이지 html 에디터창 늘리기+줄이기 [1] file 레드폭스 2010.08.25
Belarc Advisor - Free Personal PC Audit 레미짱 2010.08.14
관리자에서 회원리스트(남성,여성리스트 분류해서 보기) [5] file 늘푸른이 2010.08.13
게시판 본문페이지 닉네임 옆에 회원그룹명 사용 [4] file 늘푸른이 2010.08.13
무분별한 스팸글 등록으로부터 임시해결 팁 [15] file 라르게덴 2010.08.12
관리자페이지 회원목록을 일반페이지에서 사용하기 [5] file 늘푸른이 2010.08.07
게시판에 사전질문 넣기 특히 확장 변수 없는 지식in 게시판 - 초보자용 [3] file THEOTHERS 2010.08.07
회원 정보 및 회원 리스트에 회원 성별 앞에 아이콘 넣기 [5] file 늘푸른이 2010.08.06
검정 배경 홈페이지용 회원 정보 스킨 file LutZ 2010.08.03
페이지 모듈 사용시 여백 관련한 팁! sejin7940 2010.08.02
모바일 레이아웃 로그인페이지 개선방법 [4] 스카이피아 2010.08.01
XE 용량 효과적으로 줄이기 [13] 코스트렐리아 2010.07.30