2010. 12. 22. 13:50

이전글 : http://danggun.tistory.com/entry/티스토리-레이아웃-조정-1-전체-크기


1. 기존의 문제
사실 이전글은 위자드가 해주는 작업을 수동으로 한것에 불구하다. 컨텐츠의 크기도 같이 조정 했기 때문이다.



우리가 해야 할것은 저 100픽셀 정도 되는 빈공간까지 컨탠츠 영역으로 사용 하는 것이다.

이제 다시 본론으로 와서 컨텐츠의 크기를 조정해보자


2. 새로운 문제
이전 글을 참조하여 컨탠츠 영역을 750px로 해보았다.


컨탠츠 영역이 넓어지면서 사이드바가 내려갔다!!!!!
그런데...

밑으로가서 사이드바와 컨텐츠의 간격을 보면

여유공간이 있음을 알수 있다.



3. 여백의 간격
저 이유는 여백설정 때문에 실제 컨텐츠의 크기보다 차지하는 크기가 커서 생기는 문제이다.
이것은 padding값을 수정하여 고칠수 있다.


위에 빨간색 칸이 컨탠츠 영역의 여백을 설정하는 곳이다.
padding라는 값을 넣을때는 여러가지 방법이 있는데

{padding : 속성값(top)  속성값(right)  속성값(bottom)  속성값(left)}
이렇게 4가지를 다 넣는 방식

{padding : 속성값(top, bottom)  속성값(left, right) }
이렇게 2가지만 넣는 방식

{margin : 속성값(전체)}
이렇게 1가지만 넣는 방식

그리고 한가지 값을 생략하는 방식등이 있다.

어찌됬건 위의 값을 보면 알겠지만 라이트가 42px나 잡아먹고 있음을 알수 있다 ㅡ,.ㅡ;
저걸 10px로 바까주면

정상적으로 컨텐츠와 사이드바의 간격이 조정 되었다.

  1. Favicon of https://axia.tistory.com BlogIcon 엑시아유틸 2014.03.09 16:40 신고  Address  Edit/Delete  Reply

    무엇이 문제인지를 알수가 없습니다. 도움 부탁드립니다. 집에 pc(1920해상도)와 스마트폰에서 제블로그를 들어와보면(pc화면보기로) 정상적인 레이아웃이 표시되는 데, 1680x1050 해상도인 PC에서는 좌측사이드바와 파란줄까지 표시되고 그아래에 본문과 우측사이드바가 나옵니다.
    어디부분에 문제일까요?
    전제블로그레이아웃 크기도 변경해보고 했는데, 아무변화가 없습니다.

  2. Favicon of https://axia.tistory.com BlogIcon 엑시아유틸 2014.03.10 11:28 신고  Address  Edit/Delete  Reply

    삭제도 해보고 여러가지를 시도해봤는데, 문제점은 대략 알겠습니다. 하지만 이걸 어디에서 수정해야하는 지를 모르겠습니다.
    우측사이드바의 배너자리에 다른 것을 넣으면 문제가 되지 않는데, 삭제를 하면 엉망이 됩니다.
    제가 예상하는 부분은 처음엔 우측사이드바위의 배너모듈이 문제가 있나 생각했는데, 삭제하면 문제가 되고 다른모듈을 넣으면 정상인걸 보고 모듈문제는 아닌거 같고 우측사이드바의 윗부분이나 본문의 제목이나 레이아웃에 문제가 있는 거 같습니다.
    style.css의 블로그레이아웃부분의 container, content, sidebar2 관련한 폭,padding 수치를 여러가지로 변경해보아도 안되더라구요. ㅠ.

    • Favicon of https://blog.danggun.net BlogIcon 당근천국 2014.03.11 10:34 신고  Address  Edit/Delete

      요즘 바빠서 소스까지 확인 하는건 무리라 도움을 못드려서 죄송 하네요.
      임시방편으로 배너자리에  를 넣어서 레이아웃을 유지되는지 확인해 보세요.

  3. Favicon of https://axia.tistory.com BlogIcon 엑시아유틸 2014.03.11 10:59 신고  Address  Edit/Delete  Reply

    답글 감사드립니다.

댓글 작성

이름
패스워드
홈페이지
비밀글