1

주제: 위지웍 입력창 표시 오류

http://www.tattertools.com/ko/bbs/data/qna/이미지000.png

티스토리 사용중이며, 첨부파일된 화면처럼 위지웍 입력창이 나타나지 않습니다. ㅠㅠ

이 문제 때문에 윈도우즈를 재설치를 해봤습니다.

그러나...

깨끗한 Windows XP SP2 설치와 업데이트만 한 상태인 IE 6.0에서도 같은 문제가 있는 것으로 보아 테터툴즈의 오류로 보입니다만...

neorii (2007-04-24 13:31:49)에 의해 마지막으로 수정

2

답글: 위지웍 입력창 표시 오류

헉 방금 이상한 현상(?)을 발견했습니다.

현재 제가 끄적인 스킨으로 블로그를 운영중인데 혹시 이문제가 아닐까 하고 기본으로 제공하는 스킨으로 변경 후 글쓰기를 누르니 정상적으로 나오는 군요. ㅠㅠ

다시 제 스킨 적용하면 비정상 위지윅이고......

혹시 스킨의 태그 같은 것이 글쓰기의 위지윅에 영향을 주는 걸까요?

제 스킨은 IE와 FF에서도 제대로 출력되는 것을 테스트 했고, 기본 스킨을 수정한 것으로 특별한 태그나 자바스크립 코드가 없는데요.

neorii (2007-04-24 13:46:29)에 의해 마지막으로 수정

3

답글: 위지웍 입력창 표시 오류

스킨의 css가 위지윅 에디터 내부에 적용이 됩니다. smile
그게 아이프레임 밖으로 튀어나오기가 불가능할텐데, 아마 에디터 자체를 좀 엉클었나 봅니다.

"Everything looks different on the other side."

-Ian Malcomm, from Michael Crichton's 'The Jurassic Park'

4

답글: 위지웍 입력창 표시 오류

다른분들의 공개된 CSS와 비교해 봤음에도 CSS를 정식으로 배운것이 아니라 기초가 부족해서... 도통 무엇이 문제인지 모르겠습니다.

우선 참고가 될지 몰라 제 CSS 코드를 올려봅니다.

style.css 작성:

@charset "utf-8";

/**/
body{background-image:url(./images/background.gif);background-repeat:repeat-x;background-color:#0076bd;color:#ffffff;margin:0px 0px 0px 0px;padding:0px 50px 50px 50px;}

a{text-decoration:none;}
a:link {color:#ffffff;}
a:visited {color:#ffffff;}
a:hover {color:#0076bd;text-decoration:underline;}
a:active {color:#ffffff;}

img {border:1px;border-color:#0076bd;}
h1, h2, h3, h4 {margin:0px;padding:0px;}

.ib {cursor: pointer;}
.text {}
.branch2 {}
.branch3 {cursor:pointer;height:10px;}
.cal_month {height:18px;text-align:center;color:#cccccc;}
.cal_week1 {height:18px;text-align:center;}
.cal_week2 {color: #cccccc;text-align:center;}
.cal_day1 {color:#cccccc;text-align:center;}
.cal_day2 {color:#cccccc;text-align:center;}
.cal_day3 {color:#cccccc;text-align:center;}
.cal_day4 {color:#cccccc;text-align:center;}

a.cal_click {font-weight:bold;color:#006bad;}
a.cal_click:link {color:#006bad;text-align:center;}
a.cal_click:visited {color:#006bad;text-align:center;}
a.cal_click:hover {color:#06bad;text-align:center;}

.cap1 {color:#876; text-align:center;}
.key1 {}
.c_cnt {font:0.75em color:#5CB00B; letter-spacing:0;}
.ps_cnt {font:0.75em color:#5CB00B; letter-spacing:0;}

.moreless_fold {background:url(./images/iconMore.gif) top left no-repeat;padding-left:20px;}
.moreless_top {background:url(./images/iconLess.gif) top left no-repeat;padding-left:20px;}
.moreless_body {}
.moreless_bottom {background:url(./images/iconLess.gif) top left no-repeat;padding-left:20px;}

/*Top menu*/
.top_menu {float:right;text-align:right;font-size:70%;}
.top_menu a{text-decoration:none;}
.top_menu a:link {color:#c2c2c2;}
.top_menu a:visited {color:#c2c2c2;}
.top_menu a:hover {color:#c2c2c2;text-decoration:underline;}
.top_menu a:active {color:#c2c2c2;}

/*Header*/
#header {padding:0px;}
#header .blog_title {padding:50px 20px 10px 20px;}
#header .blog_menu {padding:5px 20px 5px;text-align:right;font-size:110%;}
#header .search {padding:5px 20px 10px;text-align:right;}
#header .search .search_input {width:180px; height:15px;}
#header .search .button {width:80px; height:23px;}

/*Pagging*/
#paging {padding:30px;text-align:center;}

/*Content*/
#content {padding:30px;background-color:#ebebeb;color:#000000;border:3px dashed #2F4F4F;}
#content a{text-decoration:none;}
#content a:link {color:#0076bd;}
#content a:visited {color:#0076bd;}
#content a:hover {color:#0076bd;text-decoration:underline;}
#content a:active {color:#0076bd;}

#content .search_list {padding:20px 0px 20px 0px;}
#content .search_rplist {padding:20px 0px 20px 0px;}

#content .location {padding:20px 0px 20px 0px;}
#content .location .spot {padding:5px 0 2px 20px; border-bottom:1px solid #6e6e6e; padding:0 10px;}
#content .location .info {padding:5px 0 2px 10px; border-bottom:1px solid #6e6e6e;}

#content .guestbook {padding:20px 0px 20px 0px;}
#content .guestbook .write {padding:20px;background-color:#333333;border-color:#cccccc;}
#content .guestbook .write .name {width:180px;}
#content .guestbook .write .password {width:180px;}
#content .guestbook .write .homepage {width:440px;}
#content .guestbook .write .guestbook_input {width:665px;}
#content .guestbook .write .button {width:670px;height:30px;}
#content .guestbook .list ol {padding-top:10px;}
#content .guestbook .list ul {padding-top:10px;}
#content .guestbook .list li {padding-top:10px;}

#content .tags {padding:20px 0px 20px 0px;}
#content .tags a{padding:0 2px;text-decoration:none;font-family:dotum;}
#content .tags ul{padding:10px; padding:0;}
#content .tags li{display:inline;padding:0;text-align:justify;}
#content .tags li .cloud1 {font-weight:bold;font-size:155%;}
#content .tags li .cloud2 {font-weight:bold;font-size:145%;}
#content .tags li .cloud3 {font-weight:bold;font-size:135%;}
#content .tags li .cloud4 {font-size:125%;}
#content .tags li .cloud5 {font-size:115%;}   
#content .tags li a:hover {}
   
#content .notice {padding:20px 0px 20px 0px;}
#content .notice .notice_title {border-bottom:solid;border-color:#f26c4f;}
#content .notice .notice_title .notice_date {font-size:60%;}

#content .article_protected {padding:20px 0px 20px 0px;}
#content .article_protected .protected_title {border-bottom:solid;border-color:#f26c4f;}
#content .article_protected .protected_title .protected_date {font-size:60%;}
#content .article_protected .article .password {border:outset;border-color:#006bad;width:180px;}
#content .article_protected .article .button {width:100px;height:23px;}

#content .entry {padding:20px 0px 20px 0px;}
#content .entry .article_title {border-bottom:solid;border-color:#f26c4f;}
#content .entry .article_title .post_date {font-size:60%;}
#content .entry .admin_command {font-size:80%;}
#content .entry .article {}
#content .entry .blog_image {padding:20px 20px 0px 20px;text-align:right;}
#content .entry .blog_desc {padding:20px 20px 0px 20px;text-align:right;}
#content .entry .author {padding:00px 20px 20px 20px;text-align:right;}
#content .entry .tag {padding:10px;}
#content .entry .buttonTrackbackComment {background-color:#222222;color:#ffffff;padding:10px;}
#content .entry .trackback {background-color:#333333;color:#ffffff;padding:20px 10px 20px 10px;}
#content .entry .comment {background-color:#333333;color:#ffffff;padding:20px 10px 20px 10px;}
#content .entry .comment ol {padding-top:10px;}
#content .entry .comment ul {padding-top:10px;}
#content .entry .comment li {padding-top:10px;}
#content .entry .comment .write {padding:20px;}
#content .entry .comment .write .name {border:outset;width:180px;}
#content .entry .comment .write .password {border:outset;width:180px;}
#content .entry .comment .write .homepage {border:outset;width:440px;}
#content .entry .comment .write .secret {border:outset;}
#content .entry .comment .write .comment_input {border:outset;width:665px;}
#content .entry .comment .write .button {width:670px;height:30px;}

/*footer*/
#footer {padding:20px 20px 50px 20px;text-align:center;}

neorii (2007-04-25 14:53:36)에 의해 마지막으로 수정

5

답글: 위지웍 입력창 표시 오류

티스토리는 Safari에서 저것과 비슷한 현상이 일어나고 있죠... CSS 문제는 아닌 것 같아요...

6

답글: 위지웍 입력창 표시 오류

드디어 문제의 부분을 찾았습니다.

제 index.xml 안에 있는

index.xml 작성:

...
<contentWidth>dynamic</contentWidth>
...

부분이 문제였습니다.

600으로 고쳐주니 위지웍의 가로 크기가 꽉차게 잘 출력되더군요.

index.xml에 관한 레퍼런스 문서를 찾아보니 이런 내용이 있었군요.
http://help.tattertools.com/ko/Skin_Man … C.EC.9D.BC

contentWidth
스킨이 제공하는 본문표시영역의 넓이 #ff0000 (이 수치에 맞게 위지윅 에디터가 재설정 됩니다. 만약에 임의로 스킨의 컨텐츠 넓이(width)를 변환하시는 경우에는 index.xml 에 있는 이 수치 역시 반드시 변환해주셔야 합니다. 스킨 customize 는 자동으로 contents width 의 변환을 읽어들일 수 없습니다. 스킨을 제작하시는 분이나, 다른 분의 스킨을 변환하여 사용하시는 분들 이 부분 특히 주의하여 주시기 바랍니다. )

neorii (2007-04-26 09:06:42)에 의해 마지막으로 수정

7

답글: 위지웍 입력창 표시 오류

그렇군요. 해결되었다니 다행입니다.:)