서브메뉴가 숨어버리는현상좀 도와주세요~~~~
거울
웹표준 스터디 사이트 - 만미님 디자인을 가지고 공부하고 있는 1人입니다.
다른게 아니고.....에디터 플러스를 통해서 작업을하고 바로 확인을 하면(어바웃 프로그램)
서브메뉴가 보입니다...
근데 ie8이나 기타브라우저에서 틀어보면 저놈이 숨어져서
안튀어나오네요 ㅜㅜ 아래주소는 제가 서버에올려서 확인하는 주소구요...
z-index값을 설정해줘야 할까요???
아래 소스까지 올려볼게요..
아..그리고 코딩상에 문제점이 있으면 태글좀 부탁드릴게요!
http://givoz777.cafe24.com/
-----
#wrap{
width:968px;
margin: 0 auto;
overflow:hidden;
}
#wrap #header{
height:300px;
overflow:hidden;
position:relative;
border:1px solid red;
}
#wrap #header .logo{
float:left;
padding-top:40px;
}
#wrap #header p{
float:left;
padding-right:2px;
padding-top:2px;
}
#wrap #header #search{
position:absolute;
top:45px;
left:785px;
width:188px;
font-size:0.9em;
}
#wrap #header #search .search_bar{
height:17px;
}
#gnb{
margin-top:85px;
overflow:hidden;
width:345px;
float:left;
}
#gnb .gnb1{
position:relative;
}
#gnb .gnb1 .gnb1_sub1{
position:absolute;
top:20px;
left:0px;
}
#gnb li{
float:left;
padding-right:41px;
}
#gnb li.last{
float:left;
padding-right:0px;
}
#mypage{
margin-top:85px;
overflow:hidden;
width:237px;
float:right;
}
#mypage li{
float:left;
padding-right:14px;
}
#mypage li.last1{
float:left;
padding-right:5px;
}
#mypage li.last2{
float:left;
padding:0px;
}
-----
!doctype html public -//w3c//dtd xhtml 1.0 transitional//en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml lang=ko xml:lang=ko
head
meta http-equiv=content-type content=text/html;charset=utf-8 /
title함께해요~카라/title
link rel=stylesheet type=text/css href=css/base.css /
link rel=stylesheet type=text/css href=css/main.css /
/head
body
div id=wrap
div id=header
h1 class=logoimg src=images/logo.gif alt=logo //h1
!-- 검색창--
div id=search
pimg src=images/search.gif alt=search //p
form method=post action=#
fieldset
legendsearch 검색창/legend
input type=text class=search_bar/
label class=hidden검색어를 입력하세요./label
input type=image src=images/search_btn.gif/
/fieldset
/form
/div
!--gnb--
div id=gnb
ul
li class=gnb1a href=#img src=images/gnb1.gif alt=어바웃 프로그램//a
ul class=gnb1_sub1
liimg src=images/gnb1_sub1.gif alt=어바웃 프로그램 서브메뉴//li
/ul
/li
lia href=# class=gnb2img src=images/gnb2.gif alt=리더스 갤러리//a/li
li class=lasta href=# class=gnb3img src=images/gnb3.gif alt=뉴스//a/li
/ul
/div
!--mypage--
div id=mypage
ul
liimg src=images/mypage1.gif alt=mypage1 //li
liimg src=images/mypage2.gif alt=mypage2 //li
liimg src=images/mypage3.gif alt=mypage3 //li
li class=last1img src=images/mypage4.gif alt=mypage4 //li
li class=last2img src=images/mypage5.gif alt=mypage5 //li
li class=last2img src=images/mypage6.gif alt=mypage6 //li
/ul
/div
/div
/div
/body
/html
-
사과
습관적으로 overflow:hidden을 쓰다보니 ㅡ.ㅡ;;;
-
연하얀
음.....감사합니다 ㅜㅜ 저부분을 미쳐 못찾앗네요
답변주신분들 감사합니다~ㅋ -
렁찬
음..지금 1뎁스에 스타일줘봤는데
2뎁스쪽 li에는 영향이 없는데....
자세하게 설명좀해주시면;; -
새나
#gnb에 overflow:hidden이 걸려 있는것이 가장 커다란 문제입니다.
그 외에도 문제가 좀 많은데요 ul li식으로 스타일 주면 li에는 모두 스타일이 먹기 때문에
ul li li는 다시 재스타일을 설정해줘야 합니다.
정리하자면 1뎁스 li에 적용한 스타일은 2뎁스 li에도 적용이 된다는 겁니다. -
다솜
#gnb {overflow:hidden;} 요거때문에, 안보이는듯..
-
아놀드
#gnb overflow:hidden 때문인거 같군요? ??