
위의 그림처럼 파폭을 최소화 시키면 오른쪽에 공백이 생겨납니다.
하지만 창을 최대화로 만들면 전부 검은 바탕으로 변하네요.
밑의 포스팅에서도 몇분께서 최소화 하면 오른쪽에 공백이 생겨난다고 하셨으니..
제 컴퓨터의 문제만은 아닌 것 같습니다.
배경을 새로 업로드해서 반복 설정을 했는데도 불구하고 저렇게 하얗게 변해버리니..
눈도 아프고 제 마음도 아파가네요 (...)
그래서.. 도와주실 분을 찾습니다! CSS / HTML의 초보라서 조금씩 조금씩 뒤져봤는데
솔직히 뭐가 뭔지 모르겠습니다. 마음씨 착하신 분! 꼭 복 받으실꺼에요!
.body {
width:100%;
margin: 0;
padding: 0;
text-align: center;
font-size: 12px;
line-height: 1.5em;
background: #000 url(http://md.egloos.com/skn/img/a/01/06/7/blackdraft_img2.gif) no-repeat center top;
color: #888;
}
a:link,a:visited {color:#ABABAB;}
a:hover,a:active {text-decoration:none;color:#787878;}
.container {
width: 1280px;
margin: 0 auto;
text-align: left;
}
.header {
width: 1280px;
height: 140px;
position: relative;
margin: 0 auto;
}
#section_sidebar1 { float: left; }
#section_sidebar2 { float: right; }
.content_wrap {
float: left;display:inline;overflow:hidden;
width: 850px;
margin:0 0 0 24px;
text-align:left;
}
.column {
display:inline;
width: 190px;
text-align:left;
margin:0 0 50px;
}
.footer {
clear: both;
width: 1280px;
height: 20px;
text-align:center;
}
/* header 스타일 시작 */
.header a:link,.header a:visited {text-decoration:none;}
.header a:hover,.header a:active {color:#fff;}
.header h1 {
text-align: center;
margin: 0px;
padding-top: 40px;
font-size: 32px;
}
.header p.url {
text-align: center;
font-size: 11px;
}
.header p.topmenu {
text-align: right;
padding: 0;
font-size:11px;
}
.header p.topmenu a {margin-left:10px;}
/* header 스타일 끝 */
/* content 스타일 시작 */
.content {padding:0;margin:0 0 30px 0;text-align:left;}
.post_view {padding:1px 0;text-align:left;overflow:hidden;_word-break:break-all;}
.post_view,.post_oneview {margin-bottom:60px;}
.post_summary,.post_magazine,.post_tagcloud {margin-bottom:20px;}
.post_view .post_title h2 {
font-size:14px;
font-weight:bold;
color:#B6B6B6;
background:#232323;
border:1px solid #363636;
padding:5px 10px;
}
.post_view .post_title h2 a:link,
.post_view .post_title h2 a:visited {color:#B6B6B6;text-decoration:none;}
.post_view .post_title h2 a:hover,
.post_view .post_title h2 a:active {color:#B6B6B6;text-decoration:underline;}
.post_view .post_title span {color:#999;}
.post_view .post_title span a:link,
.post_view .post_title span a:visited {color:#999;}
.post_view .post_title span a:hover,
.post_view .post_title span a:active {color:#999;text-decoration:underline;}
.post_content {overflow:hidden;_word-break:break-all;}
.post_titlelist h2,.post_summary h2,.post_simplelist h2,.post_tagcloud h2 {
font-size:14px;
font-weight:bold;
color:#B6B6B6;
background:#232323;
border:1px solid #363636;
padding:5px 10px;
}
.post_summary h2 {border-bottom:0;}
.post_titlelist h2 a:link,.post_summary h2 a:link,.post_simplelist h2 a:link,.post_tagcloud h2 a:link,
.post_titlelist h2 a:visited,.post_summary h2 a:visited,.post_simplelist h2 a:visited,.post_tagcloud h2 a:visited
{color:#B6B6B6;text-decoration:none;}
.post_titlelist h2 a:hover,.post_summary h2 a:hover,.post_simplelist h2 a:hover,.post_tagcloud h2 a:hover,
.post_titlelist h2 a:active,.post_summary h2 a:active,.post_simplelist h2 a:active,.post_tagcloud h2 a:active
{color:#B6B6B6;text-decoration:underline;}
.post_info {color:#999;}
.post_meta_area ul.post_meta_content em.date {color:#999;}
.post_footer_area {font-size:.9em;}
.widemenu {margin:0 auto;text-align:left;}
.widemenu .wide_blank {display:none;}
.widemenu h3 {font-size:12px;color:#B6B6B6;}
.post_paging,.post_navi {margin:0 auto;text-align:center;}
.post_navi {text-align:left;}
/* content 스타일 끝 */
/* comment 및 trackback 스타일 시작 */
.post_link {}
.post_link h3 {font-size:12px;border-bottom:1px dotted #363636;}
.post_trackback .trackback_help {border-bottom:1px dotted #363636;}
.post_link h4 {font-size:12px;}
.post_comment .comment_write textarea.comment_field {height:180px; width:860;}
.post_comment .comment_write textarea {height:180px; width:860;}
/* comment 및 trackback 스타일 끝 */
/* sidebar 스타일 시작 */
.column {}
.column .widget {
padding:0;
margin:0 0 10px 0;
text-align:left;
overflow:hidden;
}
.column .widget h3 {
margin:0 0 5px 0;
font-size:9pt;
font-weight:bold;
color:#B6B6B6;
background:#232323;
border:1px solid #363636;
padding:5px 10px;
}
.column .widget .widget_content {padding-bottom:10px;}
.column .menu_profile {padding-top:10px;margin-bottom:10px;}
/* sidebar 스타일 끝 */
.post_comment .comment_write textarea.comment_field {background-image:url('');}
.post_comment .comment_write textarea.comment_field {background-position:left top;}.post_comment .comment_write textarea.comment_field {background-repeat:repeat;}
.post_comment .comment_write textarea.comment_field {background-image:url('');}
.post_comment .comment_write textarea.comment_field {background-position:left top;}.post_comment .comment_write textarea.comment_field {background-repeat:repeat;}
.post_comment .comment_write textarea.comment_field {background-image:url('http://pds17.egloos.com/pds/200911/04/85/5.jpg');}
.post_comment .comment_write textarea.comment_field {background-position:left top;}.post_comment .comment_write textarea.comment_field {background-repeat:repeat;}
.post_comment .comment_write textarea.comment_field {background-image:url('http://pds17.egloos.com/pds/200911/04/85/5.jpg');}
.post_comment .comment_write textarea.comment_field {background-position:left top;}.post_comment .comment_write textarea.comment_field {background-repeat:repeat;}
.post_comment .comment_write textarea.comment_field {background-image:url('http://pds17.egloos.com/pds/200911/05/85/1.jpg');}
.post_comment .comment_write textarea.comment_field {background-position:center center;}.post_comment .comment_write textarea.comment_field {background-repeat:repeat;}
.post_comment .comment_write textarea.comment_field {background-image:url('http://pds17.egloos.com/pds/200911/05/85/1.jpg');}
.post_comment .comment_write textarea.comment_field {background-position:center center;}.post_comment .comment_write textarea.comment_field {background-repeat:repeat;}
.body {background-image:url('http://pds17.egloos.com/pds/200911/06/85/1.jpg');}
.body {background-color:#000000;}
.body {background-position:center center;}.body {background-repeat:repeat;}
.header {background-image:url('');}
.header {background-position:left top;}.header {background-repeat:repeat;}
.body {background-image:url('http://pds17.egloos.com/pds/200911/06/85/1.jpg');}
.body {background-color:#000000;}
.body {background-position:center center;}.body {background-repeat:repeat;}
.header {background-image:url('');}
.header {background-position:left top;}.header {background-repeat:repeat;}
.body {background-image:url('http://pds17.egloos.com/pds/200911/06/85/7.jpg');}
.body {background-position:center top;}.body {background-repeat:repeat;}
.body {background-image:url('http://pds17.egloos.com/pds/200911/06/85/7.jpg');}
.body {background-position:center top;}.body {background-repeat:repeat;}





덧글
ICARUS-G 2009/11/06 09:58 # 답글
지금 크롬으로 보고 있는데 저런 현상은 없고 양 쪽이 찰싹 달라 붙은 것 같은 현상이ICARUS-G 2009/11/06 10:25 #
2.0스킨을 쓰면 좀 덜한듯..작은늑대 2009/11/06 11:27 #
2.0 스킨 사용중인데도 그러네요;jely 2009/11/06 10:09 # 답글
CSS 맨 위에다 요거를 입력해 보세요.body {background-color:#000;}
작은늑대 2009/11/06 11:30 #
으앗! 감사합니다. 일단 배경 전부다 검은색으로 나타나네요.이제 어떻게 든 헤더 배경을 고치면 되는데.. 갈 길이 멀군요 (...)
류기아 2009/11/06 10:42 # 답글
까아아아악!!!!!![뇌세포 과열....]작은늑대 2009/11/06 11:30 #
끄아아악 (...) 2009/11/06 15:16 # 답글
참고로 "/* sidebar 스타일 끝 */" 뒤에 붙은 라인들은 같은건 삭제하셔도 됩니다.같은 명령이라면 맨마지막에 있는거만 적용되게 되지요.
'본문/헤더/덧글창 배경파일 올리기'가 저렇게 css로 삽입되는 것이더군요.
저도 관련 지식 없이 노가다 몇시간 끝에 바꿨습니다 orz
행운을 빕니다;
작은늑대 2009/11/06 23:42 #
조언 감사합니다!베로스 2009/11/06 17:08 # 답글
음... 잘 보이는 것 같군요.작은늑대 2009/11/06 23:43 #
그런가요?! 정말 다행입니다.아즈마 2009/11/06 17:41 # 답글
제가 이걸 알아볼 수 있으면 과제를 하고 있겠지요...ㅠㅠ작은늑대 2009/11/06 23:43 #
...ㅠㅠhighseek 2009/11/06 21:20 # 답글
background: #000 url(http://md.egloos.com/skn/img/a/01/06/7/blackdraft_img2.gif) no-repeat center top;요기를
background: #000 url(http://md.egloos.com/skn/img/a/01/06/7/blackdraft_img2.gif) repeat-x center top;
이렇게 바꿔보세요
작은늑대 2009/11/07 00:12 #
으흑.. 죄송합니다. 잘 되는 줄 알았는데 최소화 시키니 똑같은 현상이 일어나네요.. ㅠㅠ좌심방 2009/11/06 21:57 # 답글
css가 뭐야 몰라 무서워...작은늑대 2009/11/06 23:47 #
훌쩍.. 저도 무서워요