2011-01-16 7 views
0

안녕하세요, 저는 하위 메뉴가있는 CSS 메뉴를 만들었습니다. Firefox에서 완벽하게 작동하는 것 같습니다. 그러나 IE에 문제가있는 것 같습니다. 그냥 작동하지 않습니다. 누군가가 저에게 일하라고 말할 수 있습니까? Heres는 CSSIE에서이 작업을 수행 할 수 있습니까?

body 
{ 
margin:0px; 
padding:0px; 
font-family:calibri; 
font-size:16px; 
} 

#navigation 
{ 
width:100%; 
height:40px; 
background-color:#999; 
} 

#navigation ul 
{ 
margin:0px; 
padding:0px; 
} 

#navigation ul li 
{ 
display:inline; 
height:28px; 
width:15.7%; 
float:left; 
list-style:none; 
border-style:solid; 
border-width:1px; 
border-color:#c3c3c3; 
padding:5px 5px 5px 5px; 
margin-left:0px 0px 0px 0px; 
position:relative; 
text-align:center; 
} 

#navigation ul li:hover 
{ 
color:#fff; 
background-color:red; 
} 

#navigation li a 
{ 
color:#fff; 
text-decoration:none; 
} 

#navigation li a:hover 
{ 
color:black; 
text-decoration:underline; 
} 

#navigation li ul 
{ 
margin:0px; 
padding:0px; 
display:none; 
position:absolute; 
Right:0px; 
top:39px; 
padding:0px 0px 0px 0px; 
} 

#navigation li:hover ul 
{ 
display:block; 
width:160px; 
border-style:solid; 
border-width:0px; 
border-color:red; 
background-color:none; 
padding-right:4px; 
} 

#navigation li li 
{ 
list-style:none; 
display:list-item; 
border-style:solid; 
border-width:0px; 
border-color:blue; 
background-color:yellow; 
width:100%; 
margin: 2px 2px 2px 2px; 
padding:0px 0px 0px 0px; 
text-align:left; 
} 

#navigation li li:hover 
{ 
list-style:none; 
display:list-item; 
border-style:solid; 
border-width:0px; 
border-color:none; 
background-color:none; 
width:100%; 
text-align:left; 
} 

#sbmenu 
{ 
border-style:solid; 
border-width:0px; 
border-color:gray; 
background-color:#b1b1b1; 
width:97%; 
height:90%; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 5px; 
text-align:left; 
} 

#sbmenu:hover 
{ 
background-color:#c3c3c3; 
} 
+0

(또한 HTML 문서의 첫 번째 줄에 추가해야합니다) 귀하 HTML이 누락 된 것 같습니다. – Oded

+0

어떤 IE입니까? 그것은 IE9 베타에서 잘 작동했습니다. –

+0

우리가 작동하게하려면 HTML 코드를 보여줘야합니다. –

답변

1

어쩌면 도움이 될 것입니다 HTML 문서에서 첫 번째 줄에 추가 :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 

또는 전환

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
+0

완벽 ... 잘 작동합니다. – vinay

+0

도움이된다면 답을 표시해주십시오. – John

+0

왜 그냥'' –

관련 문제