묻고답하기

안녕하세요.

제가 레이아웃을 만들어서 사용중입니다.
잘 모르는데 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 남기남
도꾸리 페이지에 게시판 넣기 문의드려요~ [2] file 2008.06.01 by 도꾸리
김태준218 링크시 화면 위치이동 방법?  
cent 게시판 설정 변경이 안됩니다. [2] 2008.06.01 by cent
팔뚜기 레이아웃설정에서요.. [2] 2008.06.01 by 팔뚜기
노력보단최선 기본 제로보드 레이아웃을 이용해서..  
daewoo 추천을 하려고 하면 이런 에러 메시기가 뜹니다.. [2] file 2008.06.01 by __aru
토니박스 [급!!!] 회원들이 로그인 못하고 있습니다!!! [5] file 2008.06.01 by 토니박스
도닥이 아이프레임 질문점 ㅠㅠ  
물통 최근 이미지가 X박스 뜹니다~ [1] 2008.06.01 by 물통
우갱™ 제로보드 공식홈 메인화면에 있는 공지사항이요...! [2] file 2008.06.01 by 판토마
토니박스 오류 메세지 file  
LeeSeul-ki 업데이트 하고나서... file  
이충성711 이거 어떻게 해결해야하나요? 도와주세요...ㅠㅠ [2] file 2008.06.01 by 이충성711
richrich (해결되었음)게시글에 이미지를 첨부하면 서버에 권한이 -rw------ 로 되어 보이지가 않습니다. [3] file 2008.06.01 by richrich
S&H 제로 보드 등록시 에러 메세지 입니다. file  
fallike 게시물 통재로 옮기는 방법과 글쓰기할때 하위에 자동으로 글뜨게 하는방법 문의요 [1] 2008.06.01 by 대암지기
최재석584 게시판에 홈페이지 메인으로 가는 메뉴를 추가할 순 없을까요? [1] 2008.06.01 by CL님
미친다미쳐 회원등급 아이콘에 관해서 문의합니다. [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 우야꼬