묻고답하기

  2. Support
  3. 묻고답하기

메인 레이아웃 CSS 질문입니다.

2010.10.07 09:09

my5082

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;}

이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
윌리씨 홈페이지주소만들기 [2] 2009.02.04 by 느까끼
개돌 글작성 페이지에서 회원정보(확장변수) 불러오기  
비하령 글쓰기가 없고 자꾸 설문작성만 떠요. [1] 2009.02.04 by 느까끼
왕초보 계정 링크주소 변경 방법 자문 구할께요. [2] 2009.02.04 by 왕초보
박귀붕 게시판 글 작성 저장후 메인페이지 접속이 않됩니다 [2] 2009.02.04 by 박귀붕
사탕맛_소쥬 저기 글쓰기 누르면 백지로 ''ㅅ''..  
사슴483 레이아웃초기화는 어떻게 하죠>?? [1] 2009.02.04 by ㅡ
사슴483 누가 만들어놓은 웹사이트 다운받을만한곳있을까요?? [1] 2009.02.04 by Habile
asaas 블로그형 페이지삭제방법좀요,,,, [1] 2009.02.04 by Habile
민호짱^^ zb5 에서 zbxe로 업그레이드 하고 싶습니다. [2] 2009.02.04 by 궁금이2
사슴483 주문서 같은거는 어떻게 만들죠?? [1] 2009.02.04 by 멜로♡
왕왕초보 게시판이 외국에서는.... [1] 2009.02.04 by 멜로♡
광수홈 C&H 음.. 이걸 뭐라고 해야하나.. [1] 2009.02.04 by aa
답찾는이 웹진 형태 게시글 작성에서 이미지와 글씨와의 여백 주기 [2] file 2009.02.04 by 답찾은이
바토 게시판 댓글의 폰트색과 사이즈 조정문제.. 아시는분 안계세요? [3] 2009.02.04 by 독수리오형제
오희주 메인메뉴에서 표(?)를 삭제하고 싶어요~ [2] file 2009.02.04 by 오희주
dantes 로그인창 레이아웃 질문입니다. [4] file 2009.02.04 by dantes
미눙 게시물 이동이 안돼서요 [2] file 2009.02.04 by 미눙
덴마쿠3 서버 네트워크가 순간적으로 몇분간 씩 끊어질 때 모니터링 방법이 있나요??  
사슴483 xe 호스트마다 게시판 따로 생성하기..  
태그 쓰기