웹마스터 팁
페이지 모듈 사용시 여백 관련한 팁!
2010.08.02 11:24
역시 제 사이트에서 퍼온 글이라.. 말이 좀 짧습니다 ^^
출처 : http://sejin7940.co.kr/tips_xe/3061
============================================================
페이지 모듈 사용시 여백관련한 팁!
세로방향에서는 문제가 없는 듯하지만,
가로 방향 여백줄때 IE6 에서 큰 문제점이 하나있다.
내부여백 (padding) 으로 여백을 주면, 정상적으로 나타나지만,
외부여백 (margin) 으로 여백을 주면, IE6 에서 훨씬 적용이 많이 된 채로 나타나기 때문이다.
사실, 테두리등을 안 쓰는 보통때는, 그냥 외부여백 대신 내부여백으로 처리하면 큰 문제는 없다.
그러나, 해당 위젯이나 페이지 외부에 테두리를 칠 경우나, 위젯스타일 적용한 경우는 문제가 발생하게 된다.
외부여백의 경우 테두리의 외부에 여백을 주는반면
내부여백의 경우 테두리 안 쪽에 여백이 생겨.
여백이 생기는 위치가 달라, 단지 외부여백을 내부여백으로 바꾸는 걸로는 의도한 여백과 다르게 되어버리기 때문이다.
해결방법은..상자위젯을 사용하는 것이다.
즉 테두리나, 위젯스타일을 쓸 경우에는
우선 상자위젯을 하나 생성하고, 위젯 등을 그 상자위젯 내부에 넣어준다.
그리고 여백은 위젯등에 직접 주지 말고, 상자위젯에서 내부여백으로 부여해주면 된다.
이렇게 되면, 테두리가 둘러씌워진채로, 외부에 여백을 준 효과를 주면서 IE6에서도 정상출력 시킬 수 있다.
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
아름지기식 홈페이지만들기1 [4] | 아름지기 | 2002.03.09 |
홈페이지에 Fade-in 적용하기~ [5] | remy | 2002.01.08 |
관리자 페이지 (module=admin) 백지 문제 [5] | 개돌 | 2009.03.17 |
[생초보팁] 회원가입시 홈페이지 블로그주소 않나타내기 ㅋ [4] | 에혀라X | 2010.12.05 |
카페24 외부페이지로 트래픽 확인하기 [1] | teryboy | 2010.10.09 |
[생초보팁] 페이지(page) 줄간격과 부분 웹폰트 | 에혀라X | 2010.12.11 |
메인 페이지 수정이 안되는 경우 | nurungso | 2010.11.07 |
[생초보팁] 페이지 내용 줄간격 css | 에혀라X | 2010.11.30 |
개인 홈페이지에서 아주 손쉽게 배경음악을 깔아놓는 법 [5] | 지녁 | 2010.11.25 |
초보의 모바일 페이지 등록하기 [5] | 조량 | 2010.07.15 |
IE 전용 페이지 전환시 부드럽게 하기 (퍼옴) [2] | 오실롯 | 2010.10.29 |
게시판에서는 파일첨부가 되는데 페이지모듈에서 파일첨부가 안 되시는 경우! [1] | sejin7940 | 2010.11.02 |
관리자 메인페이지 카운터와 그래프 제거하기 [3] | 도라란 | 2010.11.15 |
외부페이지 또는 파일링크시 글자깨짐 현상 [1] | 소백산 | 2009.01.31 |
페이지 모듈에서 파일 업로드시 살아지는 현상 [1] | 조슈아킴 | 2010.11.02 |
레이아웃 관리자 페이지 html 에디터창 늘리기+줄이기 [1] | 레드폭스 | 2010.08.25 |
검정 배경 홈페이지용 회원 정보 스킨 | LutZ | 2010.08.03 |
''외부 페이지''에서 CSS/JS 파일 불러들이기 [2] | xe-m | 2010.06.11 |
페이지 모듈 사용시 여백 관련한 팁! | sejin7940 | 2010.08.02 |
공지글 1페이지에만 보이기 [1] | 러키군 | 2010.04.29 |