v

게시판 영역과 외부로그인 영역 좌우위치 변경

· 2013-03-19 (화) 00:21:45 · 10391 · 3
layout.jpg
#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 초보님들을 위해서...

첨부파일

layout.jpg (51.7 KB)
23회 2013-03-19 00:21
|

댓글 3개

2013-03-25 (월) 11:37:43
표현과 구조가 분리된 레이아웃의 장점을 보여준 좋은 팁이네요!
g4s 구조 넘 맘에 들어요. g4s로 만든 홈페이지 유지보수가 한결 수월해 질것 같아요.
2013-09-21 (토) 20:38:45
고맙습니다. 스크랩 해 두어야겠네요~^^
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

2,788건
+
제목 글쓴이 날짜 조회
13-04-18 조회 8,238
13-04-18 조회 7,739
13-04-15 조회 8,952
13-04-11 조회 6,738
13-04-06 조회 7,714
13-04-05 조회 1.5만
13-04-04 조회 5,713
13-04-03 조회 9,514
13-03-28 조회 7,995
13-03-28 조회 6,861
13-03-28 조회 7,661
13-03-27 조회 7,086
13-03-25 조회 1.1만
13-03-23 조회 9,639
13-03-22 조회 6,444
13-03-20 조회 8,693
13-03-19 조회 1만
13-03-18 조회 8,962
13-03-15 조회 9,565
13-03-15 조회 8,802
13-03-15 조회 8,883
13-03-15 조회 8,796
13-03-14 조회 8,901
13-03-14 조회 8,402
13-03-14 조회 7,204
13-03-14 조회 1.4만