묻고답하기

안녕하세요!

 

롤오버 메뉴가 IE에서는 겹쳐서 나오는데...해결법이 없을까요?

.selector { property:value; *property:value; } /* IE 7 이하의 브라우저에 작용 합니다 */
.selector { property:value; _property:value; } /* IE 6 이하의 브라우저에 작용 합니다 */

 

제 css 파일에 적용하려면 어떻게 하는 건지 몰라서요.

아님...제 코딩이 이상해서 그런지;;; 두 브라우져에서 다 똑같이 나오면 좋겠는데;;;;;

조언 부탁드립니다. ^^ 감사합니다!!!

 sample.gif

 

samplefire.gif

 

 

#gnb { position:absolute; top:44px; left:10px; height:60px; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
#gnb li { list-style:none; float:left; background:url(../images/white/img07.gif) no-repeat left 50px; padding-left:2px; padding-top:13px; position:relative; left:-2px; white-space:nowrap; font-family: 굴림, Arial, Helvetica, sans-serif;}
#gnb li a { font-weight:bold; display:block; float:left; padding: 25px 15px 0px 15px; height:25px; color:#ffffff; white-space:nowrap; text-decoration:none; font-size: 14px;}
#gnb li a:hover,
#gnb li a:focus { color:#ffffff;}
#gnb li a:hover,
#gnb li.on a { background:url(../images/white/leaf.png) no-repeat center top;}

.gnb_subMenu{position:absolute; top:95px; left:-17px; height:24px;}
.gnb_subMenu li{position:relative; display:block; list-style:none; float:left;}
.gnb_subMenu li a {text-decoration:none; color:#333333; display:block; float:left; padding:4px 5px 0px 7px; font-family: 굴림, Arial, Helvetica, sans-serif; }
.gnb_subMenu li a:hover,
.gnb_subMenu li a:focus {color:#ff9900;}
.gnb_subMenu .on { background:url(../images/white/img09_1.gif) no-repeat left 7px;} 
.gnb_subMenu .on a {color:#ff9900;}

 

 

IE에서는 아래와 같이 코딩하면 위에 다른 브라우져들 처럼 제대로 나옵니다.

 

#gnb { position:absolute; top:55px; left:10px; height:60px; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
#gnb li { list-style:none; float:left; background:url(../images/white/img07.gif) no-repeat left 40px; padding-left:2px; padding-top:12px; position:relative; left:-2px; white-space:nowrap; font-family: 굴림, Arial, Helvetica, sans-serif;}
#gnb li a { font-weight:bold; display:block; float:left; padding: 15px 15px 10px 15px; height:25px; color:#ffffff; white-space:nowrap; text-decoration:none; font-size: 14px;}
#gnb li a:hover,
#gnb li a:focus { color:#ffffff;}
#gnb li.on a { background:url(../images/white/leaf.gif) no-repeat center top;}

 

.gnb_subMenu{position:absolute; left:10px; top:110px; height:24px;}
.gnb_subMenu li{display:block; list-style:none; float:left;}
.gnb_subMenu li a {text-decoration:none; color:#333333; padding-left:10px; line-height:2em; position:relative;white-space:nowrap; font-family: 굴림, Arial, Helvetica, sans-serif;}
.gnb_subMenu li a:hover,
.gnb_subMenu li a:focus {color:#ff9900;}
.gnb_subMenu .on a {color:#ff9900;}

태그 연관 글
  1. [2018/03/17] 묻고답하기 CSS ㅡ divA 안에있는 하위 divB 의 크기를 divA 보다 넓게 보이게 하려면 by forest535 *2
  2. [2016/09/13] 묻고답하기 제목에 html, css 가능하도록 하기? by lifema**** *2
  3. [2016/06/30] 묻고답하기 xe 1.4.0버전 사용중입니다 by starship *1
  4. [2016/01/06] 묻고답하기 ie10, 11번전 css문제 by deok
  5. [2015/07/16] 묻고답하기 widget을 감싸고 있는 박스에 미디어쿼리를 넣고 싶습니다 by poltwo *2
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.06 by 남기남
섬휘 혹시 표 작업 깔끔히 잘 되는 에디터툴 있을까요. file  
파도. 스케치북 최근게시물 새글(new) 표시 기간 연장 방법은?  
와일드터키 썸네일 대표이미지 지정에 관한 질문입니다. [4] file 2016.10.26 by ㅎㅕㄴㅣㄴㅔ
Novelic 메뉴에 새 글 표시 모듈 사용시 new 아이콘이 계속 사라집니다 [4] 2015.06.10 by Luatic™
작은111 익스플로어 버전문제? [1] 2014.07.10 by WebdesignerS
분홍우산 XE 1.7.0버젼의 홈페이지가 일부 컴퓨터(대략 2010년 이전제작된 컴퓨터)에서는 작동하지 않아요. 방법이 없을까요 [1] 2014.06.13 by SeungXE
작은111 익스플로어에서는 멀쩡 크롬에서는 간격 [6] file 2014.06.06 by Double'U'
하늘(skycheer) 모바일 게시판에서 확장변수 표시 방법 문의 [2] file 2012.04.02 by 하늘(skycheer)
코리스™ Content 확장 위젯에서 이런 에러는 어디가 잘못 된 것인가요? [1] file 2011.12.18 by ForHanbi
엠™ 웹표준으로 레이아웃 만드려고 하는데요. [1] 2011.09.14 by 하늘종
여행객 게시글 수정 시 본문 내용 미표시 [1] 2011.08.19 by 송동우
hellosamyoo 소셜XE 좀더 쉬게 인터페이스 불가능할까요? [1] 2011.03.05
삐레 다운로드 랭킹 위젯을 제목으로 표시하는방법좀 부탁드려요  
보컬아카데미 도메인 포워딩 후 상태표시줄에서 cafe24.com이 안뜨게 하는법이 궁금해요. [3] 2011.02.28 by DynamicLaser
윌로우피페 설문조사 비회원투표 가능하게 방법좀 알려주세요 [1] 2011.01.08 by hellosamyoo
검프 게시물 권한 표시 하는 함수가 뭔지 알수 없을까요?  
물비늘 표생성 , 링크생성 컴포넌트 찾습니다. [1] file 2010.08.15 by 구가
웰빙샵 지영 CSS hack 사용법을 구체적으로...부탁드려요~~~ [3] 2009.09.11 by 웰빙샵 지영
푸리아에 다운로드 받은 회원 목록 표시를 하고 싶습니다.  
아담하와 투표관련 질문드립니다. 많은 분들이 궁금해하실것 같네요. [1] 2009.08.18 by 아담하와