묻고답하기
메인 레이아웃 CSS 질문입니다.
2010.10.07 09:09
http://www.tpgkorea.com.au 가셔서 Register 누르시면 이해 가실겁니다.
회원가입, 회원정보 보기를 하면 content 부분이 좁아져서 사이트가 꼬이는데,
memeber 모듈은 CSS에서 어떤 부분을 고쳐야하는지 도저히 모르겠습니다.
가능하시다면, 아래 코드에서 간단하게 주석 달아주시면 감사하겠습니다.
/* ----- Fixed 1 Column Layout ----- */
.fixed .c #body .e1{ display:block; margin-right:-30px;}
.fixed .c #body .e1 .section{ float:left; width:300px; margin-right:30px;}
/* ----- Liquid 1 Column Layout ----- */
.liquid .c #body .e1{ display:block; margin-right:-3.4%;}
.liquid .c #body .e1 .section{ float:left; width:30%; margin-right:3.3%;}
/* ----- Hybrid 1 Column Layout ----- */
.hybrid .c #body .e1{ display:block; margin-right:-30px;}
.hybrid .c #body .e1 .section{ float:left; width:240px; margin-right:30px;}
/* ----- Fixed 2 Column Layout ----- */
.fixed .ce #body .e1,
.fixed .ec #body .e1{ width:220px;}
.fixed .ce #body #content,
.fixed .ec #body #content{ width:720px;}
.fixed .ce #body #content{ float:left;}
.fixed .ec #body #content{ float:right;}
.fixed .ce #body .e1,
.fixed .ec #body .e1{ display:block;}
.fixed .ce #body .e1{ float:right; clear:right;}
.fixed .ec #body .e1{ float:left; clear:left;}
/* ----- Liquid 2 Column Layout ----- */
.liquid .ce #body .e1,
.liquid .ec #body .e1{ width:23%;}
.liquid .ce #body #content,
/*.liquid .ec #body #content{ width:75%;}*/
.liquid .ec #body #content{ width:750px;}
.liquid .ce #body #content{ float:left;}
.liquid .ec #body #content{ float:right;}
.liquid .ce #body .e1,
.liquid .ec #body .e1{ display:block;}
.liquid .ce #body .e1{ float:right; clear:right;}
.liquid .ec #body .e1{ float:left; clear:left;}
/* ----- Hybrid 2 Column Layout ----- */
.hybrid .ce #body{ padding-right:280px;}
.hybrid .ec #body{ padding-left:280px;}
.hybrid .ce #body .e1,
.hybrid .ec #body .e1{ width:260px;}
.hybrid .ce #body #content,
.hybrid .ec #body #content{ width:100%;}
/*.hybrid .ce #body #content{ float:left;}*/
/*.hybrid .ec #body #content{ float:right;}*/
/*.hybrid .ce #body .e1,*/
/*.hybrid .ec #body .e1{ display:block;}*/
.hybrid .ce #body .e1{ float:right; clear:right; margin-left:-260px; right:-280px;}
.hybrid .ec #body .e1{ float:left; clear:left; margin-right:-260px; left:-280px;}
/* ----- Fixed 3 Column Layout ----- */
.fixed .cee #body .e1,
.fixed .cee #body .e2,
.fixed .ece #body .e1,
.fixed .ece #body .e2,
.fixed .eec #body .e1,
.fixed .eec #body .e2{ display:block; width:200px;}
.fixed .cee #body #content,
.fixed .ece #body #content,
/*.fixed .eec #body #content{ width:520px;}*/
.fixed .eec #body #content{ width:520px;}
.fixed .cee #body #content{ float:left; margin-right:20px;}
.fixed .ece #body #content{ float:left; margin-right:-100%; left:220px;}
.fixed .eec #body #content{ float:right;}
.fixed .ece #body .e1,
.fixed .eec #body .e1{ float:left; margin-right:20px;}
.fixed .cee #body .e1,
.fixed .eec #body .e2{ float:left;}
.fixed .cee #body .e2,
.fixed .ece #body .e2{ float:right;}
/* ----- Liquid 3 Column Layout ----- */
.liquid .cee #body .e1,
.liquid .cee #body .e2,
.liquid .ece #body .e1,
.liquid .ece #body .e2,
.liquid .eec #body .e1,
.liquid .eec #body .e2{ display:block; width:20%;}
.liquid .cee #body #content,
.liquid .ece #body #content,
/*.liquid .eec #body #content{ width:56%;}*/
.liquid .eec #body #content{ width:56%;}
.liquid .cee #body #content{ float:left; margin-right:2%;}
.liquid .ece #body #content{ float:left; margin-right:-100%; left:22%;}
.liquid .eec #body #content{ float:right;}
.liquid .ece #body .e1,
.liquid .eec #body .e1{ float:left; margin-right:2%;}
.liquid .cee #body .e1,
.liquid .eec #body .e2{ float:left;}
.liquid .cee #body .e2,
.liquid .ece #body .e2{ float:right;}
/* ----- Hybrid 3 Column Layout ----- */
.hybrid .cee #body .e1,
.hybrid .cee #body .e2,
.hybrid .ece #body .e1,
.hybrid .ece #body .e2,
.hybrid .eec #body .e1,
.hybrid .eec #body .e2{ display:block; width:220px;}
.hybrid .cee #body{ padding-right:480px;}
.hybrid .ece #body{ padding-left:240px; padding-right:240px;}
.hybrid .eec #body{ padding-left:480px;}
.hybrid .cee #body #content,
.hybrid .ece #body #content,
.hybrid .eec #body #content{ width:100%;}
.hybrid .cee #body #content,
.hybrid .ece #body #content{ float:left; margin-right:-100%;}
.hybrid .eec #body #content{ float:right;}
.hybrid .ece #body .e1,
.hybrid .eec #body .e2{ float:left; left:-240px; margin-right:-220px;}
.hybrid .eec #body .e1{ float:left; left:-480px; margin-right:-220px;}
.hybrid .cee #body .e1,
.hybrid .ece #body .e2{ float:right; left:240px; margin-left:-220px;}
.hybrid .cee #body .e2{ float:right; left:480px; margin-left:-220px;}
댓글 2
-
SeklutZ
2010.10.07 12:52
-
my5082
2010.10.07 13:32
http://www.tpgkorea.com.au 가셔서 Register 누르시면 메인 컨텐츠 부분이 작아지는걸 보실수 있습니다. 감사합니다. -
my5082
2010.10.07 13:33
http://www.tpgkorea.com.au 가셔서 Register 누르시면 메인 컨텐츠 부분이 작아지는걸 보실수 있습니다. 감사합니다.
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
promise262 | 추천수 | |
mrk | [급합니다]콘텐츠영역 오류 | |
몽키@매직 | 이런사이트는 xe 를 써야할까요 텍스타일로 만들어야할까요 [1] | 2010.10.07 by 곰이v |
슈퍼보드맨 | xe_member 테이블의 필드 설명 필요합니다. [1] | 2010.10.07 by SeklutZ |
몽키@매직 | 본문내용 그대로를 뿌려주는.. 최근게시물을 만들려면... [1] | 2010.10.07 by SeklutZ |
그래요 | 글 수정할 때마다 포인트를 차감(빼려)하게 하려 합니다. 어디를 손봐야 할까요? [1] | 2010.10.07 by 구가 |
tohappy | 질문답변형 게시판은 스킨은 없나요? [1] | 2010.10.07 |
몽키@매직 | 이런 게시판 어떻게 구현하죠? [1] | 2010.10.07 by tohappy |
옥승민 | 쪽지 알림음 설정을 하고 싶습니다. [1] | 2010.10.07 by 백성찬 |
최혁필184 | 다국어 사이트 제작 문의 [1] | 2010.10.07 by 백성찬 |
alslal | 게시판 상태기능 | |
효리짱 | 모바일에 글쓰면 엔터 처리가 안되네요 [1] | 2010.10.07 by 백성찬 |
amuile | xe외부페이지를 include하는 방법이 궁금합니다. | |
싸나이김 | 이미지 닉네임 관련 | |
폴로5637 | 게시판 권한관리 | |
my5082 | 메인 레이아웃 CSS 질문입니다. [2] | 2010.10.07 by my5082 |
퐐크 | xe내에 메뉴를 아이콘으로 어떻게 하나요...? [2] | 2010.10.07 by 퐐크 |
까풀이 | 최근 게시물 위젯 질문입니다. [1] | 2010.10.07 by SeklutZ |
오스카 | [페이지]에 이미지 삽입시 [게시판]에 삽입하는 것보다 내려옵니다. | |
cainox | 상자위젯에 이런 메세지가 뜨네요 [1] | 2010.10.07 by SeklutZ |
적어주신 CSS는 레이아웃의 구획을 나누는 것 뿐으로, 이것만으로는 문제를 해결할 수 없습니다.
사이트 URL과 test id가 있다면 고수분들이 문제를 확인하고 해결법을 알려 주실 수 있을 것입니다.