묻고답하기
IE6과 IE7에서 다르게 나오네요..
2008.02.29 20:26
레이아웃의 html과 css를 아무리 뒤져봐도 이상이 없는 것 같은데요..
IE7에서는 정상적인, 그러니깐 원하는대로 인터페이스가 구성되었습니다만....
IE6에서는 왼쪽 메뉴 부분이 들어가는 만큼 현재위치(location) 윗쪽에 공간이 뜹니다...
웹페이지( http://www.histopia.net/zbxe/home )에 직접 들어와 보시면 아시겠지만...(현재 테스트 중)
그림을 캡쳐받아 올립니다.
위의 그림에서 보는 것 처럼...
현재위치와 왼쪽 메뉴를 둘러싸고 있는 검정색 블럭처럼 공간이 벌어져 있네요..
이 부분에 대한 CSS도 같이 올립니다..
고수님들 답변 부탁드립니다.....
#lnb { padding:10px 10px; width:190px;}
#lnb li { padding-bottom:4px; list-style:none; }
#lnb li a { padding:6px 5px 6px 13px; width:160px; display:block; background:url(../images/default/bgLnbOff.gif) repeat-x; color:#3e3e3e; position:relative; z-index:99; text-decoration:none;font-family:verdana,돋움;}
#lnb li a:hover,
#lnb li a:focus { color:#ffffff; background:#ffa500;font-family:verdana,돋움; }
#lnb li.on a { color:#ffffff; background:#ffa500;font-family:verdana,돋움; }
#lnb li.on a:hover,
#lnb li.on a:focus { font-weight:bold;font-family:verdana,돋움;}
#lnb li ul { display:block; position:relative; width:174px; padding:0 3px; position:relative; overflow:hidden;}
#lnb li.on ul { display:block;}
#lnb li ul li { padding:0; position:relative; top:-1px;}
#lnb li ul li a { padding:6px 5px 6px 10px; width:169px; color:#818181 !important; background:none !important; border:none !important;}
#lnb li ul li a:hover,
#lnb li ul li a:focus { font-weight:normal !important; color:#ffa500 !important;font-family:verdana,돋움;}
#lnb li.on ul li.on a { color:#ff1a00 !important; font-weight:bold !important; background:url(../images/default/bulletLnb.gif) no-repeat 165px center !important;font-family:verdana,돋움;}
#lnb li { padding-bottom:4px; list-style:none; }
#lnb li a { padding:6px 5px 6px 13px; width:160px; display:block; background:url(../images/default/bgLnbOff.gif) repeat-x; color:#3e3e3e; position:relative; z-index:99; text-decoration:none;font-family:verdana,돋움;}
#lnb li a:hover,
#lnb li a:focus { color:#ffffff; background:#ffa500;font-family:verdana,돋움; }
#lnb li.on a { color:#ffffff; background:#ffa500;font-family:verdana,돋움; }
#lnb li.on a:hover,
#lnb li.on a:focus { font-weight:bold;font-family:verdana,돋움;}
#lnb li ul { display:block; position:relative; width:174px; padding:0 3px; position:relative; overflow:hidden;}
#lnb li.on ul { display:block;}
#lnb li ul li { padding:0; position:relative; top:-1px;}
#lnb li ul li a { padding:6px 5px 6px 10px; width:169px; color:#818181 !important; background:none !important; border:none !important;}
#lnb li ul li a:hover,
#lnb li ul li a:focus { font-weight:normal !important; color:#ffa500 !important;font-family:verdana,돋움;}
#lnb li.on ul li.on a { color:#ff1a00 !important; font-weight:bold !important; background:url(../images/default/bulletLnb.gif) no-repeat 165px center !important;font-family:verdana,돋움;}
그리고 한가지 질문이 더 있습니다.
1.0버젼으로 업데이트하고 나서, 전체적인 영문폰트가 변경되었네요..
이걸 수정하려면 css파일 어떤 걸 손봐야 하는지도 알려주심 감사ㄹㄹㄹ
