웹마스터 팁

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

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

 

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

 

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

 

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

 

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

 

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

 

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


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

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

제목 글쓴이 날짜
자신의 홈페이지에 웹문서 검색엔진 장착하기 [4] 지하넷 2009.05.04
노프레임 홈페이지 만들기 강좌 file H.N커뮤니티 2009.02.28
page에 웹페이지의 보드(게시판 ) 삽입 [2] parkys 2007.10.24
프레임 홈페이지 만들때 유용한 팁 [2] 지오 2007.03.24
시작페이지 만들기 [1] 정재선 2006.06.16
'검색'창에 페이지 띄우기 [8] KLclub 2006.05.14
페이지 자동 이동 태그입니다. 인테리어뱅크 2006.04.10
제 홈페이지 분석(뭐징?) [5] 박현우 2006.03.11
[동영상강좌] 노프레임 홈페이지만들기 [8] 꼬냐닷컴 2005.10.02
FTP로 홈페이지 출판하기 어린공주 2005.09.30
[기초]홈페이지의 프레임 나누기 입니다. [5] piasol 2004.12.10
도메인 포워딩 즉 페이지 자동이동하기 [6] 편입성공기 2004.12.06
페이지 회색스크롤바로 바꾸기 편입성공기 2004.12.06
톡톡 튀는 홈페이지 테이블 제작하기 ^^ [6] piasol 2004.12.03
해상도에 적응하는 노프레임 홈페이지 제작에 필요한 표와 셀의 관계 [8] file Multi_Taeji 2004.10.13
허접 팁....레이어로 플래시 뺨치는 홈페이지 만들기 -추가- [17] file 남규성 2004.05.05
홈페이지 빠르게하는 [로딩속도를 높히는 10가지방법] [20] kim's 2004.04.29
Input AccessKey를 이용한 홈페이지 단축키 사용하기 [8] Juny. 2003.12.12
노프레임 홈페이지에서 상하좌우에 원하지 않는 간격이 생길때... [9] file PHASE 2003.09.08
벅스뮤직 음악을 페이지의 배경 음악으로 깔기 (수정 #1) [31] file 토끼군 2003.08.20