블로그 스킨(Moving Box) 변환기 #3

사용자 삽입 이미지

일단, 1단 레이아웃으로 변경은 했지만…

드디어 하루 동안의 삽질 끝에 2-3단 가변 레이아웃을 1단 레이아웃으로 완전하게 변경했습니다.
sidebar1, sidebar2는 모두 본문 하단으로 붙여서 좌우로 구분했고, 본문의 폭이 730px로 널찍한 관계로 최근글과 댓글, 트랙백의 글자수는 모두 40자로 꽉 채워 적용했습니다.

그리고, 태그 구름도 링크와 마찬가지로 메인 메뉴에 슬쩍 끼워넣어 화면을 더 효율적으로 사용할 수 있도록 배치했습니다.

전체적인 구성은 프러시안 블루테마라는 기본 개념에 충실하도록 프러시안 블루 바탕에 3 부분으로 나눠서 배치했습니다.
(div 만세~)

하! 지! 만! 이 화면 구성에는 기본적으로 커다란 문제가 있습니다.
어디서 지정되었는지는 알 수는 없는데, 화면의 가로 폭이 1388px 정도로 잡혀있어 언제나 좌우 스크롤바가 나온다는 것입니다.

원인을 찾다찾다 못 찾아서 비겁한 방법인 <body style="overflow-x:hidden;"> 무공을 시전했지만, IE에서는 여전히 스크롤바가 표시됩니다.
(FF에서는 스크롤바가 표시되지 않습니다)

이 스크롤바 문제가 해결되고 나면 헤더를 원래의 헤더와 비슷한 구성으로 수정할 예정입니다.
(그 때까지는 일단 이 구성으로 달릴 예정입니다)

전문가 분들 중에 혹시라도 이 글을 읽으시는 분 계시면 도움 부탁드립니다. ㅠ.ㅠ

해결했습니다. searchbox의 폭이 불필요하게 크게 잡혀있더군요.
딱 맞는 크기로 줄여서 불필요한 스크롤바가 표시되지 않도록 했습니다!!! 잇힝~


   
Trackback 0 Comment 14
  1. Favicon of http://damasworld.tistory.com BlogIcon 다마 2008.05.15 23:27 address edit & delete reply

    좌우폭은 아마 인덱스 파일에서 수정해주면 될겁니다. 저도 이런 적이 있거든요..ㅎㅎ

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2008.05.15 23:32 address edit & delete

      인덱스 파일이 어떤거죠?
      혹시 홈페이지에서 사용하던 index.html을 말씀하시는 것인가요???

  2. Favicon of http://oktoya.net BlogIcon okto 2008.05.15 23:29 address edit & delete reply

    스크롤바 관련된건 아닌데요...
    댓글폭이 약간 안맞아 글씨가 잘립니다.
    http://img404.imageshack.us/img404/8566/12dw9.png

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2008.05.15 23:31 address edit & delete

      정말이군요. 고맙습니다.
      (그런데, 이건 어디서 수정한담???) --;

    • Favicon of http://oktoya.net BlogIcon okto 2008.05.15 23:40 address edit & delete

      원제작자라면 바로 도움을 드릴수 있을텐데 아쉽네요ㅠㅠ
      저는 티스토리는 아니지만 첨에 뜯어고칠당시 컴포저인지뭔지..드림위버 비스무리한거 있습니다. 그거 무료라고하길래 받아서 스킨파일 읽어다가 하나하나 밀고땡기다보니 필요한 부분은 쉽게 찾아지더군요. 뭐 제 스킨이야 테이블만 있어 워낙 간단한 관계로...;;

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2008.05.16 01:18 address edit & delete

      수정완료!!!

  3. Favicon of http://damasworld.tistory.com BlogIcon 다마 2008.05.16 00:16 address edit & delete reply

    티스토리 블로그죠? 스킨 업로드할때 index.xml인가 하는 파일도 있었을겁니다. 그 파일을 열어서 살펴보면 본문의 폭을 나타내는 부분이 있는데 그걸 적당한 값으로 수정하면 될겁니다..^^

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2008.05.16 01:08 address edit & delete

      티스토리는 skin.html, style.css 에 모든 설정이 들어있으며 현재 며칠간 하고 있는 작업이 이 두 파일을 뜯어고치는 것입니다.

    • Favicon of http://damasworld.tistory.com BlogIcon 다마 2008.05.16 07:48 address edit & delete

      글쎄요.. 저도 티스토리 사용하고 있고 전에 그런적이 있어서 인덱스 파일을 손봤더니 괜찮아 지더군요. 지금은 해결하신거 같은데,, 어떻게 해결하신건지요?ㅎㅎ

  4. Favicon of http://jugug.net BlogIcon 희주 2008.05.16 01:18 address edit & delete reply

    IE에서도 가로스크롤바는 보이지 않는데요^^;

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2008.05.16 01:22 address edit & delete

      약 2분 전에 수정했습니다. ㅎㅎㅎ
      고맙습니다.

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2008.05.16 01:25 address edit & delete

      참, 다음 작업할 것은 희주 님께서 수정하신 '달력 아이콘 깜박이기 제거'입니다.
      감사하게 사용하겠습니다.

    • Favicon of http://jugug.net BlogIcon 희주 2008.05.16 01:29 address edit & delete

      별거 아닌 팁인데 ㅎㅎ
      이쁜 블로그 만드시길 바랍니다.^^

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2008.05.16 01:31 address edit & delete

      적용했습니다!!!
      다시 한번 감사드립니다!!! 꾸벅. m(_._)m