웹마스터 팁
페이지 모듈 사용시 여백 관련한 팁!
2010.08.02 11:24
역시 제 사이트에서 퍼온 글이라.. 말이 좀 짧습니다 ^^
출처 : http://sejin7940.co.kr/tips_xe/3061
============================================================
페이지 모듈 사용시 여백관련한 팁!
세로방향에서는 문제가 없는 듯하지만,
가로 방향 여백줄때 IE6 에서 큰 문제점이 하나있다.
내부여백 (padding) 으로 여백을 주면, 정상적으로 나타나지만,
외부여백 (margin) 으로 여백을 주면, IE6 에서 훨씬 적용이 많이 된 채로 나타나기 때문이다.
사실, 테두리등을 안 쓰는 보통때는, 그냥 외부여백 대신 내부여백으로 처리하면 큰 문제는 없다.
그러나, 해당 위젯이나 페이지 외부에 테두리를 칠 경우나, 위젯스타일 적용한 경우는 문제가 발생하게 된다.
외부여백의 경우 테두리의 외부에 여백을 주는반면
내부여백의 경우 테두리 안 쪽에 여백이 생겨.
여백이 생기는 위치가 달라, 단지 외부여백을 내부여백으로 바꾸는 걸로는 의도한 여백과 다르게 되어버리기 때문이다.
해결방법은..상자위젯을 사용하는 것이다.
즉 테두리나, 위젯스타일을 쓸 경우에는
우선 상자위젯을 하나 생성하고, 위젯 등을 그 상자위젯 내부에 넣어준다.
그리고 여백은 위젯등에 직접 주지 말고, 상자위젯에서 내부여백으로 부여해주면 된다.
이렇게 되면, 테두리가 둘러씌워진채로, 외부에 여백을 준 효과를 주면서 IE6에서도 정상출력 시킬 수 있다.
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
자신의 홈페이지에 웹문서 검색엔진 장착하기 [4] | 지하넷 | 2009.05.04 |
노프레임 홈페이지 만들기 강좌
![]() | 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]
![]() | Multi_Taeji | 2004.10.13 |
허접 팁....레이어로 플래시 뺨치는 홈페이지 만들기 -추가-
[17]
![]() | 남규성 | 2004.05.05 |
홈페이지 빠르게하는 [로딩속도를 높히는 10가지방법] [20] | kim's | 2004.04.29 |
Input AccessKey를 이용한 홈페이지 단축키 사용하기 [8] | Juny. | 2003.12.12 |
노프레임 홈페이지에서 상하좌우에 원하지 않는 간격이 생길때...
[9]
![]() | PHASE | 2003.09.08 |
벅스뮤직 음악을 페이지의 배경 음악으로 깔기 (수정 #1)
[31]
![]() | 토끼군 | 2003.08.20 |