고양이 시계

블로그 랭킹

실시간 자막

클러스터 맵

알라딘 TTB



도와주세요, 이글루스 지식인분들! (CSS 관련) 삶의 조각



위의 그림처럼 파폭을 최소화 시키면 오른쪽에 공백이 생겨납니다.
하지만 창을 최대화로 만들면 전부 검은 바탕으로 변하네요.

밑의 포스팅에서도 몇분께서 최소화 하면 오른쪽에 공백이 생겨난다고 하셨으니..
제 컴퓨터의 문제만은 아닌 것 같습니다.

배경을 새로 업로드해서 반복 설정을 했는데도 불구하고 저렇게 하얗게 변해버리니..
눈도 아프고 제 마음도 아파가네요 (...)

그래서.. 도와주실 분을 찾습니다! 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 #

    훌쩍.. 저도 무서워요
※ 로그인 사용자만 덧글을 남길 수 있습니다.



태극기

Rewrite

폴리포니카