게시판 영역과 외부로그인 영역 좌우위치 변경
#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개
12년 전
표현과 구조가 분리된 레이아웃의 장점을 보여준 좋은 팁이네요!
vitamin
12년 전
g4s 구조 넘 맘에 들어요. g4s로 만든 홈페이지 유지보수가 한결 수월해 질것 같아요.
12년 전
고맙습니다. 스크랩 해 두어야겠네요~^^
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4432 | ||
| 2694 | 2개월 전 | 200 | ||
| 2693 | 2개월 전 | 157 | ||
| 2692 | 2개월 전 | 164 | ||
| 2691 | 2개월 전 | 179 | ||
| 2690 | 2개월 전 | 332 | ||
| 2689 | 2개월 전 | 243 | ||
| 2688 |
 SIR개발팀 |
2개월 전 | 445 | |
| 2687 | 2개월 전 | 298 | ||
| 2686 |
선택과집중
|
2개월 전 | 335 | |
| 2685 | 3개월 전 | 298 | ||
| 2684 | 3개월 전 | 357 | ||
| 2683 | 3개월 전 | 488 | ||
| 2682 | 3개월 전 | 282 | ||
| 2681 | 3개월 전 | 307 | ||
| 2680 |
선택과집중
|
3개월 전 | 281 | |
| 2679 | 3개월 전 | 336 | ||
| 2678 |
 Xenon54 |
3개월 전 | 434 | |
| 2677 |
Xenon54 |
3개월 전 | 506 | |
| 2676 | 3개월 전 | 332 | ||
| 2675 | 3개월 전 | 309 | ||
| 2674 |
선택과집중
|
3개월 전 | 484 | |
| 2673 |
 ideaman |
3개월 전 | 325 | |
| 2672 | 3개월 전 | 342 | ||
| 2671 | 3개월 전 | 290 | ||
| 2670 | 3개월 전 | 265 | ||
| 2669 | 3개월 전 | 378 | ||
| 2668 | 3개월 전 | 294 | ||
| 2667 |
선택과집중
|
3개월 전 | 491 | |
| 2666 |
선택과집중
|
3개월 전 | 474 | |
| 2665 |
선택과집중
|
4개월 전 | 412 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기