묻고답하기
레이아웃 제작중 질문사항
2007.11.23 17:00
안녕하세요.
이번에 사이트 디자인을 변경하려고 해서 레이아웃을 손보고 있습니다.
그런데 참 어려운 부분이 많네요.
그중 한가지는 컨텐츠 부분이 조절을 어떻게 해야되는지 알고 싶습니다.
이것 저것 건드려봐도 잘 모르겠네요.
기반 지식없이 무한한 조합으로 하다보니...
컨텐츠 부분이 좌,우가 모두 약간 벗어나 있습니다.
벗어났다기 보다는 백그라운드 이미지 때무인데요, 내용만 출력 되는 부분의 가격을 줄일 수 있는지 알고 싶습니다.
이번에 사이트 디자인을 변경하려고 해서 레이아웃을 손보고 있습니다.
그런데 참 어려운 부분이 많네요.
그중 한가지는 컨텐츠 부분이 조절을 어떻게 해야되는지 알고 싶습니다.
이것 저것 건드려봐도 잘 모르겠네요.
기반 지식없이 무한한 조합으로 하다보니...
컨텐츠 부분이 좌,우가 모두 약간 벗어나 있습니다.
벗어났다기 보다는 백그라운드 이미지 때무인데요, 내용만 출력 되는 부분의 가격을 줄일 수 있는지 알고 싶습니다.
댓글 5
-
백성찬
2007.11.23 17:23
최근문서 외부여백주기 -
한율
2007.11.23 17:27
그건 최근 문서에 국한 된 부분이구요. 게시판이다 다른 페이지를 불러오면 다 벗어납니다.
제가 여쭤본것은 CSS에서 어딜 손봐야 하는지 입니다. -
HIKARU
2007.11.23 18:14
저 그림상으로는 최근문서 여백주기가 가장 최선의 답인 것 같습니다.
말씀하시는걸 봐서는, 컨텐츠 부분의 폭을 넓히고 싶으신 것 같은데,
CSS의 /* Site Layout - Content Body */ 부분에서 폭을 넓히시고
/* Site Layout - Column Left */ 부분의 폭을 줄이시면 원하는 결과물을 얻을 수 있을 것 같네요.
/* Site Layout - Column Left */ 부분은 로그인폼과 메뉴 출력부분인데,
/* Site Layout - Content Body */ 의 폭을 늘리시려면,
/* Site Layout - Column Left */의 폭을 줄이시고,
더불어 위젯의 login 스킨의 CSS도 보고 줄이셔야될 겁니다.
제로님이 작업하신 CSS의 경우 주석을 달아놔서 스킨이나 layout에 어느 부분에 해당하는지 쉽게 알수 있고,
또 스킨이나 레이아웃을 열어보시면 id="○○○○" 이라고 명명이 되어 있어,그 부분과 CSS 비교하면서
약간의 노가다(?)로 수정→결과물 확인→수정→결과물 확인 식으로 조정을 해야 됩니다. -
한율
2007.11.23 18:32
답변 감사드립니다. 백그라운드 이미지때문에 말씀하신 내용을 수정하면 디자인이 틀어져서요^^. 그냥 아쉬운 김에 layout.html content 부분에 테이블을 사용해서 조정했습니다.
-
한율
2007.11.26 17:54
테이블 없이 columnRight의 폭을 줄이고 padding:10px를 줘서 해결 했습니다. CSS로 해결이 거의 가능하네요.
