이온디 에디션 레이아웃의 경우 사이드바가 있는 반응형 레이아웃입니다.
사이드바의 경우 일정 너비 이하로 줄어들 경우 사라지거나 넓이를 줄일 수 있지만
컨텐츠의 경우 가운데 정렬일 경우 사이드바와 중쳡되는 경우가 발생하여
@media only screen and (max-width: 1200px) {
#eond_edition .container .lnb{width:120px }
#eond_edition .container .sidebar{display:none}
#eond_edition .container .content_box{margin-left:130px;)
}
@media only screen and (max-width: 1150px) {
#eond_edition .container .lnb,
#eond_edition .container .sidebar{display:none}
#eond_edition .container .content_box{margin-left:auto}
/* #eond_edition .header_wrap .header .btn_gnb{display:block} */
}
이렇게 사이드바가 줄어든 상태로 존재할 경우 사이드바 영역을 마진 auto인 content 레이어가 해당 영역을 침범하지 않도록
margin-left 값을 추가해넣었습니다.
그리고 다시 sidebar가 없어지고 margin 가로값이 auto로 정렬되어야할 경우엔 다시 margin-left:auto로 수정했습니다.
블로그
전체
하드웨어/OS
웹
운영
기획제작기
레이아웃제작기
게시판작업기
모듈스킨작업기
애드온작업기
위젯스타일
위젯 스킨
XE기타
카페24제작기
로고디자인
명함제작기
SEO
도메인
서버
Git
-
가
+
-
번호
제목
등록일
-
101
[레이아웃제작기] 해피타운 현재위치 출력 소스
레이아웃제작기 레이아웃제작기 레이아웃제작기 레이아웃제작기 레이아웃제작기 08/09
-
100
[레이아웃제작기] 해피타운
레이아웃제작기 레이아웃제작기 레이아웃제작기 레이아웃제작기 레이아웃제작기 08/05
-
99
[기획제작기] 커뮤니티형 레이아웃
기획제작기 기획제작기 기획제작기 기획제작기 기획제작기 06/14
-
98
[기획제작기] 영남실버케어 참조 사이트
기획제작기 기획제작기 기획제작기 기획제작기 기획제작기 02/29
-
97
[기획제작기] 걸그룹 레이아웃 참조사이트
기획제작기 기획제작기 기획제작기 기획제작기 기획제작기 02/27
-
96
[기획제작기] 이온디 모바일 레이아웃 참조 사이트
기획제작기 기획제작기 기획제작기 기획제작기 기획제작기 02/27
-
95
[기획제작기] 지역기반 사이트 참조 레이아웃
기획제작기 기획제작기 기획제작기 기획제작기 기획제작기 02/26
-
94
[기획제작기] 복지 관련 사이트 참조 사이트
기획제작기 기획제작기 기획제작기 기획제작기 기획제작기 02/25
-
93
[기획제작기] 이온디 마켓 참조 사이트
기획제작기 기획제작기 기획제작기 기획제작기 기획제작기 02/24
-
92
[위젯 스킨] 이온디 온 Content 위젯 기본 스킨
위젯 스킨 위젯 스킨 위젯 스킨 위젯 스킨 위젯 스킨 02/13
-
91
[XE기타] 갤러리 위젯
XE기타 XE기타 XE기타 XE기타 XE기타 09/26
-
90
[XE기타] 텀블러 위젯
XE기타 XE기타 XE기타 XE기타 XE기타 09/24
-
89
[XE기타] [XE위젯] 이온디 파일박스 배너위젯
XE기타 XE기타 XE기타 XE기타 XE기타 09/09
-
88
[레이아웃제작기] [이온디 에디션] 모바일에서의 터치슬라이딩 구현하기
2
레이아웃제작기 레이아웃제작기 레이아웃제작기 레이아웃제작기 레이아웃제작기 09/01
-
87
[레이아웃제작기] [이온디 레모나] 참조 사이트
레이아웃제작기 레이아웃제작기 레이아웃제작기 레이아웃제작기 레이아웃제작기 08/29
댓글 0
댓글작성칸으로