웹마스터 팁
페이지 모듈 사용시 여백 관련한 팁!
2010.08.02 11:24
역시 제 사이트에서 퍼온 글이라.. 말이 좀 짧습니다 ^^
출처 : http://sejin7940.co.kr/tips_xe/3061
============================================================
페이지 모듈 사용시 여백관련한 팁!
세로방향에서는 문제가 없는 듯하지만,
가로 방향 여백줄때 IE6 에서 큰 문제점이 하나있다.
내부여백 (padding) 으로 여백을 주면, 정상적으로 나타나지만,
외부여백 (margin) 으로 여백을 주면, IE6 에서 훨씬 적용이 많이 된 채로 나타나기 때문이다.
사실, 테두리등을 안 쓰는 보통때는, 그냥 외부여백 대신 내부여백으로 처리하면 큰 문제는 없다.
그러나, 해당 위젯이나 페이지 외부에 테두리를 칠 경우나, 위젯스타일 적용한 경우는 문제가 발생하게 된다.
외부여백의 경우 테두리의 외부에 여백을 주는반면
내부여백의 경우 테두리 안 쪽에 여백이 생겨.
여백이 생기는 위치가 달라, 단지 외부여백을 내부여백으로 바꾸는 걸로는 의도한 여백과 다르게 되어버리기 때문이다.
해결방법은..상자위젯을 사용하는 것이다.
즉 테두리나, 위젯스타일을 쓸 경우에는
우선 상자위젯을 하나 생성하고, 위젯 등을 그 상자위젯 내부에 넣어준다.
그리고 여백은 위젯등에 직접 주지 말고, 상자위젯에서 내부여백으로 부여해주면 된다.
이렇게 되면, 테두리가 둘러씌워진채로, 외부에 여백을 준 효과를 주면서 IE6에서도 정상출력 시킬 수 있다.
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
플래시, 선택박스(??)가 로그인 박스 등을 튀어 나올 때
[4]
![]() | hhgyu | 2010.08.26 |
윈도우에서도 svn을 이용하자.. [2] | LSH5243 | 2007.08.13 |
[게시판ex] 상단에 나오는 ''포인트'' 말풍선형태 배경이미지 및 PSD소스입니다.
[3]
![]() | 빨간발 | 2010.04.04 |
Content 위젯 목록 가로로 정렬 하기 편법
[3]
![]() | teryboy | 2010.04.01 |
속도향상에 관해(경험+의견) [3] | 아고라 | 2010.03.31 |
''외부 페이지''에서 CSS/JS 파일 불러들이기 [2] | xe-m | 2010.06.11 |
1.4.2.0, 1.4.2.1 패치후 레이아웃 깨지시는 분들 참고하세요. [3] | 위드파트너 | 2010.05.19 |
외부에서 회원정보 불러오기 [5] | 미오유 | 2007.08.15 |
페이지 모듈 사용시 여백 관련한 팁! | sejin7940 | 2010.08.02 |
공지글 1페이지에만 보이기 [1] | 러키군 | 2010.04.29 |
게시판 본문페이지 닉네임 옆에 회원그룹명 사용
[4]
![]() | 늘푸른이 | 2010.08.13 |
최신글 뽑아오기 - 간단한 방법
[3]
![]() | Eric2ya | 2007.08.14 |
LNB위젯사용하지 않고 초간단 페이지 인식 메뉴 만들기
![]() | 쥰지 | 2010.06.09 |
로그인/로그아웃 시 그페이지에 그대로 남아있게하기. [4] | 롤리^^ | 2010.09.16 |
DB 용량 확보하기 [6] | 소렌트. | 2010.10.26 |
큰 사이즈의 이미지 업로드시 섬네일 생성이 안되어 오류 발생하는 문제 예방법 | 도라란 | 2010.10.05 |
레이아웃 적용 후 게시판 접근 제한 -> 게시판 board 모듈 재설치 해결 [1] | refree | 2010.04.24 |
큐브리드로 변환후 인덱스 재생성 [1] | 카르마 | 2010.10.22 |
권한없는 모듈을 만났을때 로그인 페이지 띄우기.. [10] | 똑디 | 2007.12.11 |
나눔고딕 웹폰트가 아닌 API로 적용하여 사용해보자!! [10] | 으아악. | 2010.10.07 |