수다닷컴

  • 해외여행
    • 괌
    • 태국
    • 유럽
    • 일본
    • 필리핀
    • 미국
    • 중국
    • 기타여행
    • 싱가폴
  • 건강
    • 다이어트
    • 당뇨
    • 헬스
    • 건강음식
    • 건강기타
  • 컴퓨터
    • 프로그램 개발일반
    • C언어
    • 비주얼베이직
  • 결혼생활
    • 출산/육아
    • 결혼준비
    • 엄마이야기방
  • 일상생활
    • 면접
    • 취업
    • 진로선택
  • 교육
    • 교육일반
    • 아이교육
    • 토익
    • 해외연수
    • 영어
  • 취미생활
    • 음악
    • 자전거
    • 수영
    • 바이크
    • 축구
  • 기타
    • 강아지
    • 제주도여행
    • 국내여행
    • 기타일상
    • 애플
    • 휴대폰관련
  • 프로그램 개발일반
  • C언어
  • 비주얼베이직

이 요망한 메뉴의 정렬 문제.. 누가 해결좀요.. ;;;

작약

2023.08.18

아고..메뉴.. 며칠째 풀리지가 않네요.. 어떻게 해봐도 명쾌하게 해결이 안되네요..

문제는 IE8이상 버전과 다른 여러 브라우저, 그리고 IE6,7버전간의 문제입니다.
아래와 같이 코딩을 했을때 역시 익스8이상의 버전에서는 문제가 없습니다.
근데 문제는 익스 6,7... 익스 6,7을 해결하고자 width값을 많이 주면 브라우저에 스크롤이 생겨버리는게 문제입니다. 그렇다고 width값을 좀 줄이면 아래 그림처럼 메뉴가... 아래로.. ㅠㅠ
그렇다고 맨 마지막 메뉴의 하위메뉴를 뜬금없이 좌측에 둘 수도 없는 노릇이고...;;
뭔가 분명 하나만 손대면 되지 않을까 생각하는데... 안되네요..
명쾌한 답변 좀 부탁드립니다..

ie6,7ie8이상소스는 아래와 같습니다.

#header #gnb{position:relative; float:left; margin:35px 0 0 0; width:727px; height:71px;}
#header #gnb .menu{margin:0 0 0 13px;}
#header #gnb .menu li{}
#header #gnb .menu ul{position:absolute; top:42px; left:0; width:722px; height:28px; padding-top:3px;}
#header #gnb .menu .mainBar{background:url(../images/gmBgsm.gif) no-repeat;}
#header #gnb .menu .sub1{left:7px;}
#header #gnb .menu .sub2{left:120px;}
#header #gnb .menu .sub3{left:100px; _width:600px;}
#header #gnb .menu .sub4{left:120px; _width:550px;}
#header #gnb .menu .sub5{right:50px; _width:450px;}
#header #gnb .menu .sub6{padding-left:500px;border:1px solid #f00; left:0; width:250px;}
#header #gnb .menu .sub6 li{border:1px solid #000; }
#header #gnb .menu li {float:left; margin:4px 0 0 1px;}
#header #gnb .menu ul li{margin:5px 7px 0 7px; letter-spacing:-1px;}
#header #gnb .menu .sub1 .ov{color:#374EB5;}
#header #gnb .menu .sub1 a:hover{color:#374EB5;}
#header #gnb .menu .sub2 .ov{color:#228E9D;}
#header #gnb .menu .sub2 a:hover{color:#228E9D;}
#header #gnb .menu .sub3 .ov{color:#2370A3;}
#header #gnb .menu .sub3 a:hover{color:#2370A3;}
#header #gnb .menu .sub4 .ov{color:#2956BE;}
#header #gnb .menu .sub4 a:hover{color:#2956BE;}
#header #gnb .menu .sub5 .ov{color:#5833B0;}
#header #gnb .menu .sub5 a:hover{color:#5833B0;}
#header #gnb .menu .sub6 .ov{color:#7931AA;}
#header #gnb .menu .sub6 a:hover{color:#7931AA;}

div id=gnb style=background:url(images/gmBg.png) no-repeat;
ul class=menu
lia href=img src=../images/gm01.gif alt=메뉴1 //a
ul class=sub1 mainBar style=display:none;
lia href= class=ov메뉴1_1/a/li
lia href=메뉴1_2/a/li
/ul
/li
lia href=img src=../images/gm02.png alt=메뉴2 //a
ul class=sub2 mainBar style=display:none;
lia href= class=ov메뉴2_1/a/li
lia href=메뉴2_2/a/li
/ul
/li
lia href=img src=../images/gm03.png alt=메뉴3 //a
ul class=sub3 mainBar style=display:none;
lia href= class=ov메뉴3_1/a/li
lia href=메뉴3_1/a/li
lia href=메뉴3_2/a/li
lia href=메뉴3_3/a/li
/ul
/li
lia href=img src=../images/gm04.png alt=메46 //a
ul class=sub4 mainBar style=display:none;
lia href= class=ov메뉴4_1/a/li
lia href=메뉴4_2/a/li
lia href=메뉴4_3/a/li
/ul
/li
lia href=img src=../images/gm05.png alt=메뉴5 //a
ul class=sub5 mainBar style=display:none;
lia href= class=ov자유게시판/a/li
lia href=메뉴5_1/a/li
lia href=메뉴5_2/a/li
lia href=메뉴5_3/a/li
lia href=메뉴5_4/a/li
/ul
/li
li style=border:1px solid #000;a href=img src=../images/gm06_1.gif alt=메뉴6 //a
ul class=sub6 mainBar
lia href= class=ov공지사항/a/li
&;lia href=보도자료/a/li
lia href=통합검색/a/li
/ul
/li
/ul
/div

신청하기





COMMENT

댓글을 입력해주세요. 비속어와 욕설은 삼가해주세요.

번호 제 목 글쓴이 날짜
2700452 c언어에서... 자료형 구분.... (3) 시내 2025-07-05
2700422 버전에 관해 질문 라온제나 2025-07-04
2700393 mysql이 갑자기!!!!!!!!!!!!!!!에러가;; (2) 소미 2025-07-04
2700359 3.0 ) SimpleButton 상태 강제 변경 (3) 희선 2025-07-04
2700304 ie8 전용핵 문의 (3) 여자 2025-07-03
2700281 이런경우 어떻게 코딩해야 표준에 따르는건가요? (6) 늘솜 2025-07-03
2700230 질문이여 ! 뿡뿡몬 2025-07-03
2700205 액션스크립트책 좀 추천해주세요. (10) 화이트캣 2025-07-02
2700173 자바 소스인데 어떤게 에러인지..? (1) 호빵녀 2025-07-02
2700142 하단이 붙어있는 가변 레이아웃구조 질문드립니다. 이플 2025-07-02
2700089 이미지를 사다리꼴로 비틀게 하는 액션코드가 있나요? (4) 여름 2025-07-01
2700033 배경에 그라데이션을 넣으려고 하는데요.. (4) 화이티 2025-07-01
2700005 [질문] TextField 객체의 실제 높이 알아오는 방법 ? 천사의눈물 2025-07-01
2699978 FileReferenceList를 이용하여 업로드시 자꾸 실행속도가 느리다는 팝업이... (10) 데이비드 2025-06-30
2699944 자바스크립트가 많은 사이트는... (6) 희나리 2025-06-30
2699918 브라우저마다 다른 input과 텍스트 정렬 (3) 늘봄 2025-06-30
2699887 동적텍스트를 그래픽으로?? (2) 족장 2025-06-30
2699862 scope넣기 (1) 아인 2025-06-29
2699835 exe로 만드는 방법을....알려주세요.. (5) 방방 2025-06-29
2699809 롤오버할때 백그라운드 이미지로할때 alt설명은 어떻게해야하죠?..ㅠ (4) 반혈 2025-06-29
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

수다닷컴 | 여러분과 함께하는 수다토크 커뮤니티 수다닷컴에 오신것을 환영합니다.
사업자등록번호 : 117-07-92748 상호 : 진달래여행사 대표자 : 명현재 서울시 강서구 방화동 890번지 푸르지오 107동 306호
copyright 2011 게시글 삭제 및 기타 문의 : clairacademy@naver.com