#container(게시판, 페이지... 표시)와 #side_nb(외부로그인, 서브메뉴... 표시) 좌우위치 변경하기
g4s의 기본 레이아웃은 왼쪽 부분이 #container 이고 오른쪽 부분이 #side_nb 입니다.
이것을 위치를 바꾸어서 왼쪽을 #side_nb로 오른쪽을 #container로 변경하는 방법입니다.
수정방법은 css/default.css 파일에서 아래 내용 부분을 찾아갑니다.
#side_nb {float:right;width:209px;border:1px solid #cfded8;background:#fff}
#container {z-index:4;position:relative;float:left;padding:25px 15px 15px;width:728px;min-height:500px;height:auto !important;height:500px;border:1px solid #cfded8;background:#fff;zoom:1}
위의 내용 부분에서 float 부분만 반대(right->left, left->right)로수정합니다.
#side_nb 에서는 float:left; 수정
#container 에서는 float:right; 수정
간단한 것이지만 저처럼 css 초보님들을 위해서...
g4s의 기본 레이아웃은 왼쪽 부분이 #container 이고 오른쪽 부분이 #side_nb 입니다.
이것을 위치를 바꾸어서 왼쪽을 #side_nb로 오른쪽을 #container로 변경하는 방법입니다.
수정방법은 css/default.css 파일에서 아래 내용 부분을 찾아갑니다.
#side_nb {float:right;width:209px;border:1px solid #cfded8;background:#fff}
#container {z-index:4;position:relative;float:left;padding:25px 15px 15px;width:728px;min-height:500px;height:auto !important;height:500px;border:1px solid #cfded8;background:#fff;zoom:1}
위의 내용 부분에서 float 부분만 반대(right->left, left->right)로수정합니다.
#side_nb 에서는 float:left; 수정
#container 에서는 float:right; 수정
간단한 것이지만 저처럼 css 초보님들을 위해서...
댓글 3개
게시글 목록
| 번호 | 제목 |
|---|---|
| 772 | |
| 768 | |
| 765 | |
| 755 | |
| 748 | |
| 747 | |
| 744 | |
| 733 | |
| 732 | |
| 728 | |
| 725 | |
| 713 | |
| 708 | |
| 705 | |
| 704 | |
| 700 | |
| 697 |
자바스크립트
사이드뷰 웹 접근성 개선 내역
2
|
| 673 | |
| 671 | |
| 667 |
자바스크립트
게시판 글쓰기 시 파일첨부 수정 사항
3
|
| 657 | |
| 651 |
스크린리더
로그인 중일 경우 알림 기능
6
|
| 4 | |
| 3 | |
| 1 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기