묻고답하기

안녕하세요.

제가 레이아웃을 만들어서 사용중입니다.
잘 모르는데 div를 어떻게든 조합해서 대충만들었습니다.
모르는 분의 도움을 받아 메뉴도 완성했구요.

아직 제로보드4처럼 많은게 없어서 첫페이지를 만들다 말았지만요.

그런데 오류가 생깁니다.
익스플로러 7.0에서는 너무 잘도는데, 6.0에서는 잘 안도는 것 같아요.
6.0에서의 에러는 로그인을 해야만 원래대로 보인다는 것이구요.
로그인 안하면 레이아웃 틀이 조금 깨집니다.
SP2가 아니어도 마찬가지구요.

호환성있게 한다는 게 뭔지를 잘 모르겠어요.

아래에 코드를 실어보겠습니다.
어떻게 고쳐야 6.0과 같은 곳에서도 읽힐까요? 제대로...

----------

<style type="text/css">
<!--
.text { padding:10px; }
-->
@charset "utf-8";

body{margin:0;padding:0;line-height: 1.5em;}
#js_total_wrap {width:100%}
#js_login {width:820px;height:30px;text-align:right;vertical-align:middle;}

#js_menu_wrap {width:100%;background:transparent url("../images/top_bg.jpg") repeat-x left top;}
  #js_menu {width:820px;}
  #js_menu_a {float:left;width:20px;}
  #js_menu_b {float:left;width:179px;}
  #js_menu_c {float:left;width:621px;}

#js_gap {clear:both;width:820px;height:10px;}
  #js_gap_a {float:left;width:20px;}
  #js_gap_b {float:left;width:179px;background:url("../images/left_bg.jpg") repeat-y center top;}
  #js_gap_c {float:left;width:621px;}

#js_middle {clear:both;width:820px; background:url("../images/bg_js_middle.gif") repeat-y left top;}
  #js_space_a {float:left;width:20px;}
  #js_left {float:left;width:179px;background:url("../images/left_bg.jpg") repeat-y center top;}
    #js_left_a {width:179px;}
    #js_left_b {width:179px;}
    #js_left_ba {width:162px; padding:6px 6px 10px 6px;}
    #js_left_c {width:179px;}
    #js_left_d {width:179px;}
    #js_left_e {width:179px;center;}
    #js_left_f {width:179px;}
    #js_left_g {width:179px;}
    #js_left_h {width:179px;}
  #js_space_b {float:left;width:15px;}
  #js_content {float:left;width:606px;}

#js_footer {clear:both;width:820px;}
  #js_space_fa {float:left;width:20px;height:2px;background:url("../images/tail_01.jpg") no-repeat center top;}
  #js_space_fb {float:left;width:179px;height:2px;background:url("../images/tail_02.jpg") no-repeat center top;}
  #js_space_fc {float:left;width:621px;height:2px;background:url("../images/tail_03.jpg") no-repeat center top;}

#js_copyright {clear:both;width:820px;height:70px;}
  #js_copy_a {float:left;width:20px;}
  #js_copy_b {padding:4px 0px 0px 0px;float:left;width:179px;}
  #js_copy_c {padding:4px 0px 0px 0px;float:left;width:621px;font:12px verdana;text-decoration: none; color:#999999;}

#gnb { position:absolute; top:48px; width:980px; left:170px; height:72px; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
#gnb li { float:left; list-style:none; background:url(../images/default/bgGnbVr.gif) no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:nowrap;}
#gnb li a { display:block; float:left; margin-top:0px; margin-left:0px; padding:0px 0px 0 0px; height:40px; color:#e8e8e8; white-space:nowrap; text-decoration:none; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
#gnb li a:hover,
#gnb li a:focus { color:#ffffff;}
#gnb li.on a { font-weight:bold; color:#ffffff; background:url(../images/default/bgGnbOn.gif) no-repeat center top;}

#lnb { border-top:0px solid #dddddd; padding:0px 0px; width:179px; margin:0px}
#lnb li { padding-bottom:4px;}
#lnb li a { padding:6px 5px 6px 11px; width:161px; display:block; border:1px solid #e8e8e8; background:url(../images/default/bgLnbOff.gif) repeat-x; color:#3e3e3e; position:relative; z-index:99; text-decoration:none;}
#lnb li a:hover,
#lnb li a:focus { color:#ffffff; background:#de4332; border:1px solid #de4332;}
#lnb li.on a { color:#ffffff; background:#de4332; border:1px solid #de4332;}
#lnb li.on a:hover,
#lnb li.on a:focus { font-weight:bold;}
#lnb li ul { display:none; position:relative; margin-left:10px; width:160px; padding:0 3px; position:relative; border-top:1px solid #ffffff; overflow:hidden;}
#lnb li.on ul { display:block;}
#lnb li ul li { padding:0; border-top:1px solid #f2f2f2; position:relative; top:-1px;}
#lnb li ul li a { padding:6px 5px 6px 10px; width:169px; color:#818181 !important; border:none; background:none !important; border:none !important;}
#lnb li ul li a:hover,
#lnb li ul li a:focus { font-weight:normal !important; color:#de4332 !important;}
#lnb li.on ul li.on a { color:#ff1a00 !important; font-weight:bold !important; background:url(../images/default/bulletLnb.gif) no-repeat 175px center  !important;}

#it_search_form { position:absolute; top:-5px; right:-15px;}
#it_search_form .input { border:1px solid #bc4032; height:12px; width:120px; color:#888888; font-size:.9em;}
#it_search_form .submit_button { width:1px; height:1px; visibility:hidden; }

</style>

--------

제 사이트는 http://kimjaesoon.net 입니다.

글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
미친다미쳐 회원등급 아이콘에 관해서 문의합니다. [1] 2008.06.01 by CL님
BOGO 대암지기님! 감사합니다. 다시한번 질문 드립니다. [5] 2008.06.01 by 대암지기
초록배추 게시판 안내글 쓰기 [2] 2008.06.01 by 초록배추
울지아나 제로보드 공식사이트 메인에 있는 게시물탭은 어떻게 만드는지... [2] file 2008.06.01 by 판토마
뚱뎅이 회원가입시 관리자, 속한그룹 회원들과 자동으로 친구추가 되게하는 방법이...  
낯선그리움 페이지 수정에서 빈화면 [5] 2008.06.01 by 저도
김재순 호환가능한 레이아웃 코딩은 무엇일까요?  
물통 게시판에서 분류까지 복사 하는방법  
mastermin9 설치도중에 이런메세지... [1] file 2008.06.01 by mastermin9
미령전설 돈이라도 내고 스킨 제작의뢰를 해야할까요 [1] 2008.06.01 by 뽀칠이
미령전설 썸네일 이미지 자동으로 삭제가 안되는듯? [3] 2008.05.31 by 백성찬
SM3 1.0.3 - 게시물 갯수를 알아내어 표시하기 [5] file 2008.05.31 by SM3
kamduk 위젯 겔러리 기본스킨에서여 [1] 2008.05.31 by 우야꼬
미친다미쳐 고수님들 알려주세요. [3] file 2008.05.31 by 대암지기
yemagee 답답해 올려봅니다.. 어디를 고쳐야 하는지 몰라서.. .찿다가 지쳐서.. [5] file 2008.05.31 by yemagee
김수환697 게시물 이미지선택시 새창확장기능 관리하는 파일이?  
도꾸리 게시판 주소는 어떻게 알수 있죠? [2] 2008.05.31 by 도꾸리
serendip 친구로 등록된 회원들만 글을 볼 수 있게 할 수 있나요?  
데오필로 게시판 본문내용에 link 클릭시??? [2] 2008.05.31 by 데오필로
슬픈눈처럼 제로보드 고수님들 뭐좀 물어 볼게염 ㅠㅠ [1] 2008.05.31 by imsoo.net
여러가지 질문 중요 (진짜급해요. ),재발알려주세요. [3] 2008.05.31 by SM3
미령전설 이전,다음에서 썸네일 이미지 추출하기 file  
완전똘 레이아웃 적용에 관한 질문... [1] 2008.05.31 by imsoo.net
휴먼플러스 게시물에 단 설문조사를 게시물 밖 페이지로 출력하는 법 [1] 2008.05.31 by 우야꼬
오토썬 파일첨부 시 오류가납니다 http error [3] file 2008.05.31 by 백성찬
미친다미쳐 로그인스킨에서 말입니다. [2] 2008.05.31 by 미친다미쳐
김민787 로그인을 게시판이 아닌 무조건 레이아웃에서 [2] 2008.05.31 by 김민787
토니박스 권한이 없습니다" 문구 수정 [2] file 2008.05.31 by 토니박스
그림혼자 그림혼자만 있게할수없나요? [1] file 2008.05.31 by 우야꼬
질문 게시판스킨을 바꾸면 관리자페이지도 바뀌는데 관리자는 기본스킨쓸수 없나요?? [2] 2008.05.31 by 질문